文件名称：使用开发工具-st7701规格书 st7701_spec_v1.1
文件大小：8.79MB
文件格式：PDF
更新时间：2024-06-29 19:24:01
JavaScript JQuery
1.5 使用开发工具 通过上面代码的比较，我们知道jQuery代码与对应的纯JavaScript代码相比更短也更清楚。可 是，这并不意味着我们写出的代码永远不会有bug，或者永远都能直观地理解页面中都发生了什 么。如果能有一些标准的开发工具辅助，编写起jQuery代码来就会更轻松流畅。 现代浏览器中一般都内置了高质量的开发工具。我们可以从中选择自己觉得 方便的工具。 下面列出了一些推荐工具： Internet Explorer Developer Tools（http://msdn.microsoft.com/en-us/library/dd565628.aspx）； Safari Web Inspector（http://developer.apple.com/technologies/safari/developer-tools.html）； Chrome Developer Tools（https://developers.google.com/chrome-developer-tools/）； Firefox插件Firebug（http://getfirebug.com）； Opera Dragonfly（http://www.opera.com/dragonfly/）。 上面列出来的这些工具都提供了类似的功能，比如： 探测及修改DOM； 研究CSS及页面表现之间的关系； 通过特殊的方法方便地跟踪脚本执行； 暂停脚本运行及检查变量值。 虽然这些功能在不同的工具中会有所变化，但大体上概念是相同的。本书中的某些示例需要 用到这么一个工具，因此我们就以Firebug为例，不过使用其他浏览器的开发工具也没有什么问题。 Chrome开发者工具 Chrome开发者工具的详细使用说明可以在它的主页上找到：https://developers.google.com/ chrome-developer-tools/。要详细介绍这个工具实在有些复杂，不过在此介绍一些与本书关系 密 切的功能还是有必要的。 关于屏幕截图 Chrome开发者工具是一个发展很快的项目，因此下面的屏幕截图不一定与 你实际看到的完全一样。 图灵社区会员 吉舟(hezelwong@gmail.com) 专享 尊重版权