Chrome （开发者工具）快捷键 |
您所在的位置：网站首页 › 浏览器搜索文件快捷键是哪个 › Chrome （开发者工具）快捷键 |
Chrome （开发者工具）快捷键
|
https://9iphp.com/web/javascript/chrome-devtools-shortcuts.html https://www.cnblogs.com/davidwang456/p/6932452.html
常用 文件内搜索 ctrl+f 使用快捷键 ctrl+shift+f， 就会进入到全局搜索模式 打开文件：ctrl+o
Chrome DevTools提供了一些内置的快捷键，开发者利用这些快捷键可以节省常工作中很多日的开发时间。下面列出了每个快捷键在Windows/Linux及Mac中的对应键。其中一些快捷键对于DevTools全局可用，而另一些则只能在单个面板中使用。 打开DevTools 你可以通过以下任何一种方式来访问DevTools： 打开浏览器右上角的Chrome菜单 ，然后选择“更多工具”–“开发者工具”。
在页面任何元素处点击右键，然后选择“审查元素”。
Windows / LinuxMac
打开开发者工具
F12 , Ctrl + Shift + I
Cmd + Opt + I
切换审查元素模式与浏览器窗口模式
Ctrl + Shift + C
Cmd + Shift+ C
打开开发者工具并定位到控制台
Ctrl + Shift + J
Cmd + Opt + J
Inspect the Inspector (undock first one and press)
Ctrl + Shift + I
Cmd + Opt + I
所有面板
Windows / LinuxMac
显示设置对话框
? , F1
?
下一个面板
Ctrl + ]
Cmd + ]
上一个面板
Ctrl + [
Cmd + [
最后一个面板
Ctrl + Alt + [
Cmd + Opt + [
第一个面板
Ctrl + Alt + ]
Cmd + Opt + ]
更改停靠位置(测试发现与添加书签冲突)
Ctrl + Shift + D
Cmd + Shift + D
打开设备(Device)模式
Ctrl + Shift + M
Cmd + Shift + M
切换控制台 / 关闭设置对话框
Esc
Esc
刷新页面
F5 , Ctrl + R
Cmd + R
刷新页面(忽略缓存内容)
Ctrl + F5 , Ctrl + Shift + R
Cmd + Shift + R
当前文件或面板查找
Ctrl + F
Cmd + F
所有资源中进行查找
Ctrl + Shift + F
Cmd + Opt + F
按文件名查找 (排除Timeline面板)
Ctrl + O, Ctrl + O
Cmd + O, Cmd + O
放大 (当DevTools获得焦点时)
Ctrl + +
Shift + +
缩小
Ctrl + -
Shift + -
恢复默认文字大小
Ctrl + 0
Shift + 0
Elements面板
Windows / LinuxMac
撤销更改
Ctrl + Z
Cmd + Z
重做
Ctrl + Y
Cmd + Y , Cmd + Shift + Z
导航
Up , Down
Up , Down
展开/折叠节点
Right , Left
Right , Left
展开节点
Single-click on arrow
Single-click on arrow
展开/折叠节点及其子元素
Ctrl + Alt + Click on arrow icon
Opt + Click on arrow icon
编辑属性
Enter , Double-click on attribute
Enter , Double-click on attribute
隐藏元素
H
H
切换编辑HTML
F2
右键点击元素你可以： 更改元素状态(:active, :hover, :focus, :visited)； 元素上设置断点(更改子元素、更改属性及删除节点)； 清空控制台 样式侧边栏(Style Sidebar) Windows / LinuxMac 编辑规则 Single-click Single-click 插入新属性 Single-click on whitespace Single-click on whitespace 定位到样式属性定义处 Ctrl + Click on property Cmd + Click on property 定位到属性值定义处 Ctrl + Click on property value Cmd + Click on property value 循环颜色值(rgba,hsl等) Shift + Click on color picker box Shift + Click on color picker box 编辑上/下一个属性 Tab, Shift + Tab Tab, Shift + Tab 增加/减小值 Up, Down Up, Down 每次以10增加/减小值 Shift + Up, Shift + Down Shift + Up, Shift + Down 每次以10增加/减小值 PgUp, PgDown PgUp, PgDown 每次以100增加/减小值 Shift + PgUp, Shift + PgDown Shift + PgUp, Shift + PgDown 每次以0.1增加/减小值 Alt + Up, Alt + Down Opt + Up, Opt + Down
右键点击控制台： XMLHttpRequest记录：打开查看XHR的日志 导航处切换保存日志 过滤：隐藏与显示脚本文件的信息 清空控制台：清空控制台所有信息 Screencasting Windows / LinuxMac Pinch zoom in and out Alt + Scroll,Ctrl + Click and drag with two fingers Opt + Scroll, Cmd + Click and drag with two fingers Inspect element tool Ctrl + Shift + C Cmd + Shift + C Emulation Windows / LinuxMac Pinch zoom in and out Shift + Scroll Shift + Scroll 其他Chrome快捷方式下面是一些浏览器中非常有用的额外的快捷方式(附：所有Windows/Linux/Mac快捷方式) Windows / LinuxMac 查找下一个 Ctrl + G Cmd + G 查找上一个 Ctrl + Shift + G Cmd + Shift + G 打开一个隐身模式的新窗口 Ctrl + Shift + N Cmd + Shift + N 切换是否显示书签栏 Ctrl + Shift + B Cmd + Shift + B 打开历史记录页面 Ctrl + H Cmd + Y 打开下载记录页面 Ctrl + J Cmd + Shift + J 打开浏览器任务管理器 Shift + ESC Shift + ESC 标签页历史下一页 Alt + Right Opt + Right 标签页历史上一页 Backspace, Alt + Left Backspace, Opt + Left 选中地址栏 F6, Ctrl + L, Alt + D Cmd + L, Opt + D 地址栏放置一个?供你输入内容进行搜索(使用你设置的默认搜索引擎) Ctrl + K, Ctrl + E Cmd + K, Cmd + E |
模仿元素伪状态(:active, :hover, :focus, :visited)
添加新的样式选择器
Don’t pause on exceptions
Pause on All exceptions (including those caught within try/catch blocks)
Pause on uncaught exceptions (usually the one you want)【本文地址】
今日新闻 |
推荐新闻 |