八亿电脑网
游戏盒子
当前位置: 首页 > 专题 > 浏览器 >

谷歌浏览器如何调试js(2)

时间:2015-01-14 09:10来源:网络 作者:浏览妻 点击:
游戏盒子
八亿电脑网

八亿电脑网

7、Audits标签页

这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow):

八亿电脑网

点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了

八亿电脑网

它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦:

八亿电脑网

8、Console标签页

就是Javascript控制台了:

八亿电脑网

这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外,还可以当作Javascript API查看用。

例如我想查看console都有哪些方法和属性,我可以直接在Console中输入;并执行:

八亿电脑网

怎么样,一目了然了吧 ?再例如我想查看日期函数都有哪些方法:

八亿电脑网

(注:注意在这里看到的某些方法和属性是ES5新增的,记得兼容其他浏览器的支持情况哦)

Google Chrome除了简洁、快速,现在的Chrome的插件也非常的丰富了。而对于web开发者来说,Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的,而且Chrome的开发者工具我个人认为真的非常好用,这就是为什么我向web开发者推荐使用Chrome的原因。

发表评论