Chrome开发者工具审查元素如何使用快捷键

1

首先，打开Chrome开发者工具，有个快捷键F12。

反复按下F12可以切换状态（打开或关闭）。

当然，你也可以在原网页，直接右击“审查元素”

2

或者按下快捷键组合：

Ctrl+Shift+I（进入开发者工具）

Ctrl+Shift+J （进入开发者工具，并定位到控制台Console）

Ctrl+Shift+J （进入开发者工具，或者切换审查元素的状态）

3

同普通网页一样，我们可以通过，按下Ctrl，同时滚动鼠标滚轮，

来对开发者工具页面进行缩放。

也可以全部使用键盘快捷键来 *** 作

Ctrl + 放大

Ctrl - 缩小

Ctrl 0 恢复默认大小

4

下面来看看如何使用快捷键在Chrome开发者工具中搜索。

Ctrl+F (在当前面板搜索)

5

Ctrl+Shift+F  (在所有面板搜索文字，支持区分大小写、正则表达式)

6

Ctrl+O（搜索文件名，包括网址）

7

我们来小结一下刚刚介绍的快捷键。

8

下面，我们重点介绍一下在控制台Console中的实用快捷键。

9

在控制台中，输入字符，可以得到Chrome的提示（列出函数名、对象名、变量名等）。

这时我们可以使用上下方向键（↑↓），来挑选。

10

如果我们输入JS代码时，需要换行，则可以按下快捷键Shift+Enter

11

按下回车键Enter，可以得到代码运行结果

12

按下Ctrl+L，可以清除控制台，保持界面清爽。

当然你也可以直接点击清空控制台的图标。

13

甚至也可以右击控制台，点击d出菜单中的Clear console

14

在未输入代码的情况下，如果我们使用上下方向键（↑↓），可以得到我们之前在控制台中输入的一些命令。这个就很像DOS命令行中的功能。

至此，我们来总结一下Chrome浏览器中Console控制台中的常用快捷键。

1、手机无法调出审查元素。
2、GoogleChrome提供了审查元素功能，只需右键点击“审查元素”（名字），即可打开ChromeInspector，获得网页各种元素的加载时间、Javascript函数、Object等信息。很多Webmasters（网页设计者）经常会使用火狐的扩展Firebug来获取网站页面的源代码，各元素的加载时间。GoogleChrome也提供了此功能，且 *** 作更加简单，只需右键点击“审查元素”（名字），即可打开ChromeInspector，获得网页各种元素的加载时间、Javascript函数、Object等信息。左侧为Html代码，右侧为CSS代码。借助“审查元素”功能，Webmasters可以适时调整网页代码，以提高网页加载速度；是网页设计初学者学习Div+Css的有力辅助工具。

1、点击打开电脑上的360浏览器，进入360浏览器主页。

2、在打开360浏览器后在网页的空白处点击鼠标右键。调出扩展菜单。

3、在d出的扩展菜单中点击选项中的审查元素选项即可打开360浏览器的审查元素功能，页面下方显示效果如图所示。

---