用户登录
用户注册

分享至

mac chrome开发者工具快捷键

  • 作者: 等我出3项
  • 来源: 51数据库
  • 2020-09-20
可以自己把f12设置为快捷键的,在偏好=》键盘=》快捷键里面设置



  command + option(alt) + i



  首先,打开chrome开发者工具,有个快捷键f12。
反复按下f12可以切换状态(打开或关闭)。

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

2
或者按下快捷键组合:
ctrl+shift+i(进入开发者工具)
ctrl+shift+j (进入开发者工具,并定位到控制台console)
ctrl+shift+j (进入开发者工具,或者切换审查元素的状态)

3
同普通网页一样,我们可以通过,按下ctrl,同时滚动鼠标滚轮,
来对开发者工具页面进行缩放。
也可以全部使用键盘快捷键来操作
ctrl + 放大
ctrl - 缩小
ctrl 0 恢复默认大小

4
下面来看看如何使用快捷键在chrome开发者工具中搜索。
ctrl+f (在当前面板搜索)

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

ctrl+o(搜索文件名,包括网址)

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

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

在控制台中,输入字符,可以得到chrome的提示(列出函数名、对象名、变量名等)。
这时我们可以使用上下方向键(↑↓),来挑选。

如果我们输入js代码时,需要换行,则可以按下快捷键shift+enter

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

按下ctrl+l,可以清除控制台,保持界面清爽。
当然你也可以直接点击清空控制台的图标。

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

在未输入代码的情况下,如果我们使用上下方向键(↑↓),可以得到我们之前在控制台中输入的一些命令。这个就很像dos命令行中的功能。
至此,我们来总结一下chrome浏览器中console控制台中的常用快捷键。
软件
前端设计
程序设计
Java相关