1.5 使用开发工具

1.5 使用开发工具

通过上面代码的比较,我们知道jQuery代码与对应的纯JavaScript代码相比更短也更清楚。可是,这并不意味着我们写出的代码永远不会有bug,或者永远都能直观地理解页面中都发生了什么。如果能有一些标准的开发工具辅助,编写起jQuery代码来就会更轻松流畅。
现代浏览器中一般都内置了高质量的开发工具。我们可以从中选择自己觉得最方便的工具。下面列出了一些推荐工具:

上面列出来的这些工具都提供了类似的功能,比如:

  • 探测及修改DOM;
  • 研究CSS及页面表现之间的关系;
  • 通过特殊的方法方便地跟踪脚本执行;
  • 暂停脚本运行及检查变量值。

虽然这些功能在不同的工具中会有所变化,但大体上概念是相同的。本书中的某些示例需要用到这么一个工具,因此我们就以Firebug为例,不过使用其他浏览器的开发工具也没有什么问题。