1.5 使用开发工具
1.5 使用开发工具
通过上面代码的比较,我们知道jQuery
代码与对应的纯JavaScript
代码相比更短也更清楚。可是,这并不意味着我们写出的代码永远不会有bug
,或者永远都能直观地理解页面中都发生了什么。如果能有一些标准的开发工具辅助,编写起jQuery
代码来就会更轻松流畅。
现代浏览器中一般都内置了高质量的开发工具。我们可以从中选择自己觉得最方便的工具。下面列出了一些推荐工具:
- Chrome Developer Tools;
- Firefox插件Firebug;
Firebug
已停止继续开发,更新维护,现在可以下载Firefox Quantum:开发者版本使用.
- Safari Web Inspector;
- Opera Dragonfly
- Internet Explorer Developer Tools;
上面列出来的这些工具都提供了类似的功能,比如:
- 探测及修改
DOM
; - 研究
CSS
及页面表现之间的关系; - 通过特殊的方法方便地跟踪脚本执行;
- 暂停脚本运行及检查变量值。
虽然这些功能在不同的工具中会有所变化,但大体上概念是相同的。本书中的某些示例需要用到这么一个工具,因此我们就以Firebug
为例,不过使用其他浏览器的开发工具也没有什么问题。