FireBug 调试JS入门 —如何调试JS

安装就不用说了，很简单，在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。

FireBug美工用的非常普遍，公司美工妹妹用的非常熟练呵呵，而对于我们开发人员，主要用它来Debug JS。看看官方对Debug功能的介绍。
Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.
简而言之，FireBug 可以让我们在任何时候debugJS 并查看变量，同时可以通过它找出JS中性能瓶颈。
下图是如何找到Web应用的JS，激活Firebug，点Script，然后在All 旁边选择你要Debug的JS。

下图是如何打断点基本跟Eclipse一样，点击行号就Ok了。

下图是如何在断点上设定条件，如果条件符合，就进入断点，这个功能很不错，特别是Debug很复杂的Function时候。

下图是如何单步调试，跟Eclipse一样 F11单步

下图是查看调用的Stack，对以复杂的JS Debug很有帮助。

下图是查看变量基本跟EclipseDebug 一样。

下图是在断点处查看变量。

有个很好用的功能，代码行之间快速调转，使得对上千行的JS调试很轻松。

下图就是Performance 测试结果，使用很简单点Profile

还有一个Log功能比较实用，看下图如果你不想每次都进入断点，用这个就再好不过了。

基本用法就这些了，希望对大家有帮助。

FireBug 调试JS入门 —如何调试JS相关推荐

Ember.js入门教程、博文汇总
第一章对象模型 Ember.js 入门指南--类的定义.初始化.继承 Ember.js 入门指南--类的扩展(reopen) Ember.js 入门指南--计算属性(compute properti ...
Node.js 入门教程 23 使用 npm 的语义版本控制 24 卸载 npm 软件包 25 npm 全局或本地的软件包
Node.js 入门教程 Node.js官方入门教程 Node.js中文网本文仅用于学习记录,不存在任何商业用途,如侵删文章目录 Node.js 入门教程 23 使用 npm 的语义版本控制 24 ...
Node.js 入门教程 6 V8 JavaScript 引擎
Node.js 入门教程 Node.js官方入门教程 Node.js中文网本文仅用于学习记录,不存在任何商业用途,如侵删文章目录 Node.js 入门教程 6 V8 JavaScript 引擎 6 ...
js断点和调试学习总结3
使用Chrome调试JavaScript的断点设置和调试技巧你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console. ...
js移动端调试控制台_移动端js调试工具：eruda
通常写前端页面都在Chrome浏览器的开发模式下进行调试,但是写放在移动端的H5页面时,有时候会遇到在Chrome上调试没有问题,但是在手机的浏览器上有问题的情况:或者有些功能只能在特定的容器中才能其 ...
chrome浏览器，调试详解，调试js、调试php、调试ajax
1.可以看到js报错 2.可以看到php报错 3.可以看到ajax返回的信息,以及报错情况 4.可以看到调用了那些内容以及顺序 5.可以调试js代码 6.可以查看session等等功能非常之强大. ...
取代浏览器插件调试，VS Code 整合 JS 调试工具
整理 | 孙胜最近,Microsoft Edge 官博宣布,JavaScript 调试现已内置到 Visual Studio Code 代码中,因此不需再次使用浏览器调试. 调试.js程序,无需安装 ...
vscode调试js，chrome调试js
vscode调试js,chrome调试js nodejs调试文档:nodejs调试文档三种启动调试方式: 1.vscode直接F5 2.配置launch.json,在"调试"列表 ...
JavaScript奇技淫巧：加密JS代码反调试
JavaScript奇技淫巧:加密JS代码反调试 JS代码混淆加密,已被很多人使用,因为它真的很有用.很实用,可以用于保护代码.防护分析.复制.盗用,还可以用于小游戏过审.APP加固等方面. 混淆加密 ...

FireBug 调试JS入门 —如何调试JS

FireBug 调试JS入门 —如何调试JS相关推荐

最新文章

热门文章