说明本文主要介绍一些chrome浏览器小贴士，非常简单，希望对大家有所帮助。其中一些技巧在低版本中是没有的，所以我建议你使用最新版本。最新版本是62，版本很重要。如果您发现某些技巧不起作用，请先检查浏览器版本。有很多快捷键。这里介绍几个常用的。最后会给出比较完整的快捷键表。以下快捷键可以在所有开发者工具面板使用全局快捷键windowMac打开开发者工具F12,Ctrl+Shift+ICmd+Opt+I打开开发者工具聚焦控制台Ctrl+Shift+JCmd+Shift+C刷新页面F5，Ctrl+RCmd+R刷新忽略缓存内容的页面Ctrl+F5，Ctrl+Shift+RCmd+Shift+RElements面板Elements面板窗口Mac编辑属性中使用的快捷键Enter，双击属性回车，双击属性隐藏元素HH切换到HTML表单编辑F2StylessidebarStylessidebarwindow中使用的快捷键MacGo源代码中的属性值声明行Ctrl+点击属性值CMd+点击属性值在颜色间循环定义值Shift+单击颜色选择器框Shift+单击颜色选择器框编辑下一个/上一个属性Tab、Tab+ShiftTab、Tab+Shift在控制台控制台窗口中使用的快捷键Mac聚焦到控制台Ctrl+`Ctrl+`清除控制台Ctrl+LCmd+K,Opt+L多行输入Shift+EnterCtrl+返回区截屏选择页面的一部分另存为图片1，打开开发者工具使用快捷键F12（Windows）或Cmd+Opt+I(Mac)2.选中左上角的元素选择按钮，图标颜色变为蓝色表示选中。3、在Windows中按住Ctrl，Mac会按住Command，然后点击鼠标左键在页面上选择一个区域。松开鼠标后，截图会自动下载。4.图片自动下载完成后，点击图片后面的箭头，可以显示文件夹中节点的截图。在页面中选择一个元素并将其另存为图片。1、打开开发者工具，使用快捷键F12（Windows）或Cmd+Opt+I（Mac）2、选中任意元素节点3、打开命令工具，使用快捷键Ctrl+Shift+p（Windows）或Cmd+Shift+p(Mac)4.点击Capturenodescreenshot，或者在这一行输入任意键的话，比如输入node，也会出现这个选项，然后点击这个选项，图片会自动下载。5、图片自动下载完成后，点击图片后面的箭头，将其显示在文件夹中，并将整个网页另存为全屏图片。第一种方法1、打开开发者工具，使用快捷键F12（Windows）或Cmd+Opt+I（Mac）2、打开命令工具，使用快捷键Ctrl+Shift+p（Windows）或Cmd+Shift+p(Mac)3.点击Capturefullsizescreenshot，或者在这一行输入任意关键字，比如enterfull，也会出现这个选项4.图片自动下载完成后，点击图片后面的箭头显示在文件夹。方法二1、打开开发者工具，使用快捷键F12（Windows）或Cmd+Opt+I（Mac）2、选择切换开发模式按钮，图标颜色变为蓝色，表示被选中3、点击右上角的三个点，点击Capturefullsizescreenshot，图片会自动下载小色块，可以弹出拾色器1，颜色选择区。2.稻草。3.复制到剪贴板。将显示的值复制到剪贴板。4.显示值。颜色的RGBA、HSLA或十六进制表示。5.调色板。单击其中一个方块以更改该方块的颜色。6.色调。7.透明度。8、显示值切换器。在当前颜色的RGBA、HSLA和十六进制表示之间切换。9.调色板切换器。快速添加样式规则1.在样式侧边栏中，将鼠标放在每条小样式规则上，右下方会出现三个小点。2.将鼠标放在这三个小点上，会出现5个小图标，每个小图标都有功能3.它们分别代表从左到右添加文字阴影添加框阴影添加颜色添加背景颜色添加样式规则添加移动devices1.打开开发者工具，使用快捷键F12（Windows）或Cmd+Opt+I（Mac）2.点击右上角的三个点，然后选择Settings3.选择Devices，然后勾选需要的设备需要补充一下，不过对于有办法和时间的朋友，还是建议去官网看看，毕竟比较全面。Chrome开发者工具点击查看原图
