Chrome开发者工具使用技巧

快速查找文件

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

快速定位文件中的函数

按快捷键ctrl+shif+o，输入指定函数名就可以快速定位到函数的位置

快速定位到指定行

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

在源代码中搜索

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

格式化压缩代码

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

批量输入

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

选择相同项

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

在控制台选择元素

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

开发模式禁用缓存

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

快速复制接口响应的数据

打开Network面板，选中XHR项，在接口连接右键选择Copy > Copy response

监听事件

使用monitorEvents()监听某一类型的事件。
使用unmonitorEvents()停止监听。
使用getEventListeners()获取DOM元素的监听器。
使用Event Listeners Inspector(事件监听检查器)面板获取有关事件监听器的信息。
详细使用方法：http://www.css88.com/doc/chrome-devtools/console/events/

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