chrome调试js工具的使用

chrome调试js工具的使用

chrome调试js工具的使用

chrome调试js工具的使用

chrome调试js工具的使用

chrome调试js工具的使用

Audits标签页

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

chrome调试js工具的使用

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

chrome调试js工具的使用

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

chrome调试js工具的使用

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

chrome调试js工具的使用

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

chrome调试js工具的使用

chrome调试js工具的使用

实时修改 js 代码生效

页面外部 js 文件在 Scripts 面板中可以直接修改, 改完后按 ctrl + S 保存, 会立即生效

注意

经测试不支持 html 页面中 js 修改

经过 Pretty print 格式化的脚本不支持修改

Control + O查看js文件

Contro + shift + O 查看当前文件中的js方法

Control + F 按关键字搜索当前文件

Ctrol + shift + F 按关键字搜索所有文件

上一篇:MyEclipse代码自动补全设置


下一篇:Reverse Core 第二部分 - 14&15章 - 运行时压缩&调试UPX压缩的notepad