管理chrome浏览器前台常用调试功能介绍.docVIP

Chrome浏览器常用调试功能介绍 2011-1-5 目录 1目的 3 2.浏览器选择 3 2.1推荐浏览器 3 2.2 扩展功能 3 2.2.1 常用扩展 4 2.2.2 开发相关扩展 4 3.工具使用 4 3.1开启开发者工具 4 3.2常用面板 6 3.2.1 大致介绍 6 3.2.2 元素面板 6 3.2.3 js调试面板 10 3.2.4 js控制台 （console） 12 4.参考资料 15 1目的 通过本文档简单介绍了前台调试比较有用的开发技巧，由于我也是在学习中，我挑选了一些我认为比较有用的功能列出来。可能以前有用过firebug调试工具，差不多类似。 2.浏览器选择 2.1推荐浏览器 Chrome官方浏览器和基于chrome官方浏览器开发的双核浏览器。基于国内的网站兼容性情况可以选择双核浏览器，比如360极速，枫叶浏览器，sumchrome浏览器等等。双核浏览器提供了两种浏览模式，极速和兼容模式，兼容模式将会以本地ie版本进行浏览。 备注：双核浏览器只能在极速模式下才能打开浏览器开发人员工具。 推荐360极速浏览器 （目前双核里面稳定性最好的浏览器），下载地址：/ 2.2 扩展功能 使用chrome必须要用到扩展功能 2.2.1 常用扩展 /extensions/list/