谷歌浏览器程序员开发工具，究极使用技巧

搜索文件

按Ctrl+P，有时候项目js特别多的时候想调试某个js文件就太方便了。

源码搜索

在Elements界面按Ctrl+F，就是我们经常用的查找快捷键，就可以查找了。

去文件指定行

打开一个js文件后，按Ctrl + G，输入行号，就可以跳到指定行，这比你手动拉滚动条可块多了。

批量输入

你可以选择一个文件的多个地方，进行同时输入，在批量编辑的时候很给力的。

对齐js代码

有时候想研究一下人家的js代码，无奈都是压缩过的，怎么看呢？如下图，点击瞬间变整齐。

选择特定颜色

如图操作即可，当看到一些颜色很好看的时候就可捕捉下来自己使用了。

改变颜色格式

我们都知道颜色有很多种表示方式，比如rgb,hsl,十六进制表示方法等。有事需要的颜色格式没有还要转一下多麻烦，急死欧文了。看看人家谷歌怎么贴心的。

在颜色预览功能使用快捷键Shift + Click，可以变换颜色格式

查看不同状态下元素的样式

可以强行设置元素的状态。

有时候想查看一下hover和focus 的样式不得不把鼠标放上去，然后鼠标一动就跑了 有木有，这下就不用担心了。



当然你也可以在元素面板选中元素，右键点击进行设置。

选择相同项

按下Ctrl + D ，一直按，会选择相同的项，适合作批量替换用。

清空缓存

要知道对于开发者来说，缓存可是一大噩梦，有时候调试好的程序明明写对了，半天没有效果，还以为是bug呢，结果同事提醒你 清下缓存试一试，我一试瞬间好了有没有，害的老子调了一下午。

打开设置面板

找到这一项勾上

设置之后，当你打开F12再刷新的时候就永远不会有缓存了，也不用你每次修改之后都要点击清除缓存按钮了。

本文转载自谷歌浏览器程序员开发工具，究极使用技巧