是不是鲜为人知还是鲜为人知的技巧我不知道不过我觉得这应该是程序员必知必会的小技巧~

这篇文章主要介绍的就是一些chrome浏览器的小技巧，很简单希望对大家有所帮助。
这其中的一些小技巧在低版本中是没有的所以建议大家用最新版的，目前最新版是62版本很重要，如果发现有些技巧不起作用请先查看浏览器的版本。

快捷键比较多这里挑出几个常用的说一下
最后会给出一张比较完整的快捷键的表

下列快捷键可以在所有 开发者工具 面板中使用

在Elements 面板中使用的快捷键

在Styles 边栏中使用的快捷键

在控制台中使用的快捷键

2、选择左上角的元素选择按钮，图标颜色变为蓝色即表示选中了

3、Windows 下按住 CtrlMac 就按住 Command，然后点击鼠标左键在页面选择区域即可松开鼠标后，截图自动下载

4、图片自动下载好后，点击图片后媔的箭头可以在文件夹中显示

4、点击Capture node screenshot，或者输入这行中任意的关键字比如输入node，也会出来这个选项然后点击这个选项，图片会自动丅载

5、图片自动下载好后，点击图片后面的箭头可以在文件夹中显示

第一种方式1、打开开发者工具

4、图片自动下载好后，点击图片后媔的箭头可以在文件夹中显示

2、选中 切换开发模式按钮，图标颜色变为蓝色即表示选中了

在Styles边栏 点击任意颜色的小色块就可以弹出颜銫选择器

3、复制到剪贴板。将显示值复制到剪贴板
4、显示值。颜色的RGBAHSLA或十六进制表示。
5、调色板单击其中一个方块将颜色更改为该方块。
8、显示值切换器在当前颜色的RGBA，HSLA和Hex表示之间切换

1、在Styles 边栏，鼠标放在每一小块样式规则上右下方都会有三个小点

2、鼠标放在這三个小点上，会出现5个小图标每个小图标都有作用

3、他们从左到右分别代表

2、点击右上方的三个小点，然后选择Settings

3、选择Devices然后在需要添加的设备前面打上勾就可以了

这些小技巧，很简单希望对大家有所帮助，不过对于有办法有时间的朋友还是建议去官网看看吧，毕竟那里才更加全面