Chrome开发者工具审查元素如何使用快捷键？
我们知道，Chrome浏览器中有许多实用的快捷键，而在开发者工具，即我们常说的“审查元素”功能中，也有很多快捷键，能帮大家提高效率。
首先，打开Chrome开发者工具，有个快捷键F12。
反复按下F12可以切换状态（打开或关闭）。
当然，你也可以在原网页，直接右击“审查元素”
或者按下快捷键组合：
Ctrl+Shift+I（进入开发者工具）
Ctrl+Shift+J （进入开发者工具，并定位到控制台Console）
Ctrl+Shift+J （进入开发者工具，或者切换审查元素的状态）
同普通网页一样，我们可以通过，按下Ctrl，同时滚动鼠标滚轮，
来对开发者工具页面进行缩放。
也可以全部使用键盘快捷键来操作
Ctrl + 放大
Ctrl - 缩小
Ctrl 0 恢复默认大小
下面来看看如何使用快捷键在Chrome开发者工具中搜索。
Ctrl+F (在当前面板搜索)
Ctrl+Shift+F (在所有面板搜索文字，支持区分大小写、正则表达式)
Ctrl+O（搜索文件名，包括网址）
我们来小结一下刚刚介绍的快捷键。
下面，我们重点介绍一下在控制台Console中的实用快捷键。
在控制台中，输入字符，可以得到Chrome的提示（列出函数名、对象名、变量名等）。
这时我们可以使用上下方向键（↑↓），来挑选。
如果我们输入JS代码时，需要换行，则可以按下快捷键Shift+Enter
按下回车键Enter，可以得到代码运行结果
按下Ctrl+L，可以清除控制台，保持界面清爽。
当然你也可以直接点击清空控制台的图标。
甚至也可以右击控制台，点击弹出菜单中的Clear console
在未输入代码的情况下，如果我们使用上下方向键（↑↓），可以得到我们之前在控制台中输入的一些命令。这个就很像DOS命令行中的功能。
至此，我们来总结一下Chrome浏览器中Console控制台中的常用快捷键。
相关推荐
-
分享一下如何更专业的使用Chrome开发者工具
顾名思义Chrome开发工具就是一个工具,它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序.有了这个工具,你可以做很多有趣的事情: ...
-
打开chrome浏览器开发者工具的方式（chrome开发者工具）
Chrome 提供的一些调试功能,在排查代码故障时非常有帮助.事实上,由于谷歌浏览器提供的调试工具太多,很多都被隐藏了起来,等待你去探索.声明:本文已获作者Ferenc Almasi翻译授权.作者 | ...
-
如何用Chrome开发者工具来调试脚本？
Javascript脚本在网页开发中经常会用到,在开发过程中,如果遇到一些程序问题,我们怎样进行调试?怎样查找到程序出问题的地方?可以利用Chrome浏览器的开发者工具来进行脚本调试.下面一起来看下具 ...
-
怎么在谷歌Chrome浏览器查找html元素中的XPath路径？
谷歌Chrome浏览器是一款功能非常强大的浏览器,无论是在开发者中还是在普通用户群中,Chrome浏览器都非常受欢迎,尤其对于程序开发人员来说,谷歌Chrome浏览器几乎成了必备的工具,通过Chrom ...
-
微信网页开发者工具是什么
微信网页开发者工具是什么 微信公众平台日前正式发布了web开发者工具,为帮助开发者更方便.更安全地开发和调试基于微信的网页. 简单来说,这个微信web开发者工具是一个桌面应用,通过模拟手机微信客户端的 ...
-
微信web开发者工具怎么用?
微信web开发者工具是一款由微信公众平台最新发布的开发工具,该工具的发布对于开发者来说,简直就是福音;开发人员通过该软件可方便快捷的在PC电脑端完成开发与测试,而一些用户在初次使用该软件时,不知道如何 ...
-
如何用Firefox开发者工具调试页面颜色？
在做页面开发时,常常用到Firefox浏览器的开发者工具.用这个工具如何调试页面颜色?一起来看下. 操作方法 01 打开网页后,我们先打开开发者工具. 点击浏览器右上角的三横线图标,弹出菜单,点击'w ...
-
UC浏览器怎么打开开发者工具
打开开发者工具界面有两个途径： 1.CTRL+SHIFT+I 2.F12
-
qq浏览器审查元素在哪
qq浏览器审查元素在哪?qq浏览器是一款大家经常用到的浏览器,它的功能是很强大的,但有时有些功能一开始我们并不知道怎么使用它这很正常,下面小编就和大家说说qq浏览器审查元素在哪吧. 在使用审查元素功能 ...
