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

  • 原创
  • |
  • 浏览: 50503
  • |
  • 更新:
  • |
  • 标签: chrome

61 条相关视频

  • Chrome开发者工具审查元素...

    T小豆儿
  • 网线连接电脑无法上网怎么...

    脑栋大开
  • 台式电脑网线怎么插

    脑栋大开
  • 怎么查看路由器连接几台设...

    脑栋大开
  • 笔记本怎么插网线

    脑栋大开
  • 电脑网线怎么插

    小熊科技视...
  • 网线怎么连接电脑

    病毒执行官
  • 电脑上不了网怎么办

    脑栋大开
  • 华硕U4100UQ怎么调出护眼...

    太平洋科技
  • 手机连接无线网但不能上网...

    脑栋大开
加载更多~
527752人看了这个视频

我们知道,Chrome浏览器中有许多实用的快捷键,而在开发者工具,即我们常说的“审查元素”功能中,也有很多快捷键,能帮大家提高效率。

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

方法/步骤

  1. 2

    或者按下快捷键组合:

    Ctrl+Shift+I(进入开发者工具)

    Ctrl+Shift+J (进入开发者工具,并定位到控制台Console)

    Ctrl+Shift+J (进入开发者工具,或者切换审查元素的状态)

  2. 3

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

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

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

    Ctrl + 放大

    Ctrl - 缩小

    Ctrl 0 恢复默认大小

  3. 4

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

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

  4. 5

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

  5. 6

    Ctrl+O(搜索文件名,包括网址)

  6. 7

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

  7. 8

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

  8. 9

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

    这时我们可以使用上下方向键(↑↓),来挑选。

  9. 10

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

  10. 11

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

  11. 12

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

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

  12. 13

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

  13. 14

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

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

    END
相关标签 chrome
此内容有帮助 ?