手把手教你利用Firebug调试JS小技巧

Firefox

Firebug

启用JS调试功能要使用调试功能需要先启用；

选择哪些脚本可以展示这里的选择的单选；

“所有”旁边那个下拉菜单可以更细化的选择哪个JS文件,支持筛选

调试进入按钮(四个按钮依次解释)断续(F8): 结束当前断点跳转到下一个断点单步进入(F11): 就是一步一步的执行,可以明显的看到数据的变化单步跳过(F10): 就是跳过这一步进入到下一步看代码变化单步退出(Shift+F11): 结束单步

打断点打断点只要在侧边栏的行号那里鼠标单击某个行号就可以打上了..单次打上,再次取消；打了断点未执行是标准的深红；

右边的断点页面有四大功能模块1. 复选框可以取消断点,但是不是删除,相当于禁用效果2. 点击那里可以跳转到代码页面并且高亮此行代码 3. 删除断点4. 批量的处理所有断点

console常用命令console.log(“日志信息,毫无色彩可言–我支持多个参数打印”);console.info(“带有信息图标的日志”);console.warn(“带有警告图标的日志”);console.error(“带有报错图标的日志”);console.dir(test); –可以遍历一个对象的全部属性”,consoleconsole.trace();–输出 Javascript 执行时的堆栈追踪。console.group(“这是测试组”) console.log(“%d年%d月”,2015,12); console.log(“%f时”,5); console.log(“日志信息%s,毫无色彩可言–我支持多个参数打印”,“你好吗”); console.groupEnd();