原文地址:http://han.guokai.blog.163.com/blog/static/136718271201321402514114/ 你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其…

Console:此功能是模拟js控制台,直接写代码,查看结果.高级功能使用时开启断点,查看变量的变化过程.还可以条用函数. Resources:次功能是查看加载页面所用的资源,链接的数据库,域名下保存的cookie信息等都可以查看,上图,点击左侧栏目,依次查看. Audits:次功能也是性能测试,点击run执行,查看效率 Timeline:次功能是查看页面性能,页面渲染速度的,一般是用不到的.测试人员可以查看,图中展示一些性能参数供参考 Profile:次功能主要测试加载文件速度参考,可以在此处…

JS调试必备的5个debug技巧http://www.jb51.net/article/47812.htm Chrome 中的 JavaScript 断点设置和调试技巧http://www.xuebuyuan.com/2206940.html js调试系列 断点与动态调试[基础篇]http://www.jb51.net/article/51233.htm Chrome 中的 JavaScript 断点设置和调试技巧  http://han.guokai.blog.163.com/blog/sta…

1.智能提示 对于JS文件中的API,你若需要让那个JS文件中的方法能够在你写的那个JS文件中能够智能显示的话,直接把它拉进你的JS文件中就好了. 举个例子:你想 在你正在写的a.js文件中引用b.js中的功能与函数.很简单,你只需要把b.js文件拉到你的a.js文件中就好了.这时在你的文件 顶端会显示这样一行内容:/// <reference path="../angular.js" />. 就是这样,智能显示的很全面,就像你自己写类文件一样,里面的注释什么的都全部显示出…

最近因为公司项目要由.net平台转到java平台的原因,之前一直用.net的我不得不开始学习java了,刚开始听到说要转java的时候很抗拒,因为我想专注在.net平台上,不过这样也并不完全是坏事,通过接触java开发也许能拓展我的开发思想和知识面,所以这也许是个学习java的机会. 因为之前从来没有做过java开发,所以现在不得不从最基础的开始,而且因为做.net已经有几年了,习惯了VS的良好的操作体验,所以刚开始接触Eclipse有很多的不适应.这个系列我想通过与.net比较的方式来学习,一…

程序员的日常工作除了写代码之外,很大一部分时间将会在查找 BUG,解决问题.查找 BUG,离不开在 IDE 中调试代码.熟练的掌握调试技巧,可以帮助我们减少查找时间,快速定位问题. 在 IDEA 中调试代码很方便,只要开启调试,在相应代码处使用断点,然后进行相应调试即可.正是因为只要掌握这几个功能,就可以调试代码,所以在很长一段时间内,不了解其他调试技巧.后续深入使用 IDEA 过程中,不断学会 IDEA 其他调试技巧,很大程度上加快调试速度. Step 系列按钮 日常调试的过程中为了为了找到程…

P2PSearcher是一款基于ED2K网络的资源搜索工具,资源丰富,小巧轻便.资源搜索结果最丰富.智能排序定位精准,立即找到想要的资源.新版可突破服务器封杀限制,一个能用的P2PSearcher.整合多个云播引擎,搜索结果可预览,可直接播放. 本文详细讲述一下在P2PSearcher使用过程中对云播的设置和使用技巧. P2PSearcher6.2主要对云播.穿透模式下资源少.搜索结果排序等问题做了改进. 以下是详细使用说明 1. 新增云播放器设置,可直接打开资源链接.种子文件,支持选择云播通道…

Chrome 是 Google 出品的一款非常优秀的浏览器,其内置了开发者工具(Windows 系统中按下 F12 即可开启),可以让我们方便地对 JavaScript 代码进行调试. 为方便大家学习和使用,本文我对 Chrome 的调试技巧做个系统的总结. 一.设置断点 有两种方法可以给代码添加断点: 方法1:在 Source 内容区设置 (1)找到要调试的文件,然后在内容源代码左侧的代码标记行处点击,即可打上一个断点. (2)刷新浏览器,当页面代码运行到断点处便会暂停执行.     方法2:…

对于前端开发者来说,ChromeDevTools 绝对是不可或缺的调试工具,我们常用的调试方法包含一些console等,而ChromeDevTools 其实很强大,下面来聊聊一些你可能不知道的debug 方法. Scroll Into View 滚动如视图内 在Elements 标签中,查看页面元素的时候,如果当前这个元素不在视图内,可以通过这个方法让这个元素快速滚入视图中. 操作: 在Elements 标签页中选择一个不在视图内的元素 右击,选择Scrollintoview Copy As F…

转自:https://www.ibm.com/developerworks/cn/web/1410_wangcy_chromejs/ 引言 Google Chrome 是由 Goole 公司开发的一款网页浏览器,自 2008 年 9 月第一个测试版本发布以来,其市场占有率逐步上升,至 2014 年 5 月,Chrome 已超越 Firefox 成为全球市场占有率第二的浏览器.Chrome 的受欢迎程度与其优秀的性能与兼容性密不可分,并且越来越多的网络应用程序都添加了对 Chrome 的支持,也足…