chrome调试js工具的使用
2013-11-22 23:49
429 查看
Audits标签页
这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow):点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了:
它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦:
例如我想查看console都有哪些方法和属性,我可以直接在Console中输入"console"并执行:
怎么样,一目了然了吧 ?再例如我想查看日期函数都有哪些方法:
实时修改js代码生效
页面外部 js 文件在 Scripts 面板中可以直接修改, 改完后按 ctrl + S 保存, 会立即生效
注意
经测试不支持 html 页面中 js 修改
经过 Pretty print 格式化的脚本不支持修改
Control + O查看js文件
Contro + shift + O 查看当前文件中的js方法
Control + F 按关键字搜索当前文件
Ctrol + shift + F 按关键字搜索所有文件
相关文章推荐
- chrome调试工具高级不完整使用指南(优化篇)
- js调试工具及使用方法
- 译:使用Chrome开发工具调试Canvas
- 使用Chrome DevTools直接调试Node.js与JavaScript(并行)
- chrome浏览器开发者工具的使用以及调试js
- Chrome新版JS调试工具
- 在 Chrome 开发者工具中调试 node.js
- 9种使用Chrome Firefox 自带调试工具调试javascript技巧
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
- IE8"开发人员工具"使用详解下(模式,JS调试,探查器)
- 【转】天啦噜!原来Chrome自带的开发者工具还能这么用!(提升JS调试能力的10个技巧)
- 【JavaScript】使用Chrome进行调试(如何使用Chrome开发者工具)
- 使用Chrome开发工具调试Canvas
- [乐意黎]windows 键盘下使用Mac系统chrome的调试工具
- 使用Chrome开发者工具来在设备上调试
- chrome调试工具F12方式javascript(js调试)jqueryui拖拽
- 使用Chrome Dev Tools, deb.js调试Javascript小技巧
- 使用Chrome开发工具调试Canvas
- Node.js调试工具安装使用