Chrome开发者工具使用技巧

1.快速查找文件

按快捷键ctrl+p，输入指定文件名就能快搜索到该文件



2.在源代码中搜索

按快捷键ctrl+shift+f，输入关键词回车



3.格式化压缩代码

打开压缩过的js文件，点击{ }符号即可快速格式化代码



4.快速定位到指定行

按快捷键ctrl+g，输入行号回车，就可以快速定位到指定行



5.批量输入

按住ctrl键，在需要编辑的地方依次点击鼠标，可以一次在多个地方同时编辑。



6.选择相同项

按快捷键ctrl+d，重复按会选择相同的项，适合批量编辑和替换



7.在控制台选择元素

$('div') //返回页面第一个div元素
$$('div') //返回页面div元素集合

8.开发模式禁用缓存

打开设置面板，在Network列下勾选Disable cache项



未完待续，后面会持续更新….