常用

文件内搜索 ctrl+f

使用快捷键 ctrl+shift+f, 就会进入到全局搜索模式

打开文件:ctrl+o

打开DevTools

你可以通过以下任何一种方式来访问DevTools:

  • 打开浏览器右上角的Chrome菜单 ,然后选择“更多工具”–“开发者工具”。
  • 在页面任何元素处点击右键,然后选择“审查元素”。
  Windows / Linux Mac
打开开发者工具 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 / Linux Mac
显示设置对话框 ? , 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 / Linux Mac
撤销更改 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 / Linux Mac
编辑规则 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

 模仿元素伪状态(:active:hover:focus:visited)

 添加新的样式选择器

Sources 面板

  Windows / Linux Mac
暂停/恢复脚本运行 F8, Ctrl + \ F8, Cmd + \
Step over next function call F10, Ctrl + ' F10, Cmd + '
Step into next function call F11, Ctrl + ; F11, Cmd + ;
Step out of current function Shift + F11, Ctrl + Shift + ; Shift + F11, Cmd + Shift + ;
Select next call frame Ctrl + . Opt + .
Select previous call frame Ctrl + , Opt + ,
Toggle breakpoint condition Click on line number, Ctrl+ B Click on line number, Cmd + B
Edit breakpoint condition Right-click on line number Right-click on line number
Delete individual words Alt + Delete Opt + Delete
Comment a line or selected text Ctrl + / Cmd + /
Save changes to local modifications Ctrl + S Cmd + S
Save all changes Ctrl + Alt + S Cmd + Opt + S
Go to line Ctrl + G Ctrl + G
Search by filename Ctrl + O Cmd + O
Jump to line number Ctrl + P + :<number> Cmd + P + :<number>
Jump to column Ctrl + O + :<number> + :<number> Cmd + O + :<number> + :<number>
Go to member Ctrl + Shift + O Cmd + Shift + O
Close active tab Alt + W Opt + W
Run snippet Ctrl + Enter Cmd + Enter

 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)

代码编辑快捷键

  Windows / Linux Mac
跳转到匹配位置 Ctrl + M
跳转到指定行 Ctrl + P + :<number> Cmd + P + :<number>
跳转到指定列 Ctrl + O + :<number> + :<number> Cmd + O + :<number> + :<number>
切换注释 Ctrl + / Cmd + /
选择下一个出现位置 Ctrl + D Cmd + D
撤销上一次操作 Ctrl + U Cmd + U

TimeLine 面板

  Windows / Linux Mac
启动/停止记录 Ctrl + E Cmd + E
保存timeline数据 Ctrl + S Cmd + S
加载timeline数据 Ctrl + O Cmd + O

Profiles 面板

  Windows / Linux Mac
启动/停止记录 Ctrl + E Cmd + E

Console 控制台

  Windows / Linux Mac
Accept suggestion Right Right
上一个命令/行 Up Up
下一条命令/行 Down Down
控制台获取焦点 Ctrl + ` Ctrl + `
清空控制台 Ctrl + L Cmd + K, Opt + L
多行输入 Shift + Enter Ctrl + Return
执行 Enter Return

右键点击控制台:

  • XMLHttpRequest记录:打开查看XHR的日志
  • 导航处切换保存日志
  • 过滤:隐藏与显示脚本文件的信息
  • 清空控制台:清空控制台所有信息

Screencasting

  Windows / Linux Mac
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 / Linux Mac
Pinch zoom in and out Shift + Scroll Shift + Scroll

其他Chrome快捷方式

下面是一些浏览器中非常有用的额外的快捷方式(附:所有Windows/Linux/Mac快捷方式)

  Windows / Linux Mac
查找下一个 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

参考文献:

http://9iphp.com/web/javascript/chrome-devtools-shortcuts.html

chrome的全局搜索快捷键的更多相关文章

  1. sublime text 全局搜索快捷键

    sublime text 全局搜索快捷键 ctrl+shift+F

  2. mac下谷歌chrome浏览器的快捷键

    1. 标签页和窗口快捷键 ⌘-N 打开新窗口. ⌘-T 打开新标签页. ⌘-Shift-N 在隐身模式下打开新窗口. 按 ⌘-O,然后选择文件. 在 Chrome 浏览器中打开计算机中的文件. 按住  ...

  3. chrome浏览器常用快捷键

    chrome浏览器常用快捷键 一.总结 一句话总结: Ctrl + j:打开“下载内容”页 Ctrl + t:打开新的标签页,并跳转到该标签页 Ctrl + d:将当前网页保存为书签 1.在新标签页中 ...

  4. chrome的常用快捷键和命令

    常见快捷键 F12 打开Chrome控制台 Ctrl+J 进入"下载内容"页面 Ctrl+H 查看"历史记录"页面 Ctrl+D 将此页加入书签 Ctrl+F ...

  5. 加速chrome之Vimium快捷键

    使用Vimium一段时间,不能完全学习所有的快捷键.但是对这种简约,vim风格的设计还是非常敬佩. 下面是一些总结: Vimium快捷键 WIKI: 是一个开源的google chrome的扩展插件, ...

  6. Chrome 插件vimium快捷键大全

    vimium是一款让你在chrome浏览器能方便地使用键盘操作浏览器的插件. 转自:http://www.cnblogs.com/liuyangnuts/p/3474905.html 在当前页中导航 ...

  7. chrome 插件 vimium 快捷键大全

    DESCRIPTION vimium是一款让你在chrome浏览器能方便地使用键盘操作浏览器的插件.虽然和firefox相比还有些许不足(比如不能按到一些按钮之类的),但是vimium还是做到了能在9 ...

  8. Chrome VSCode常用快捷键

    MAC下快捷键 Chrome快捷键: 关闭标签页:Cmd + w 新建标签页:Cmd + t 切换到指定标签页:Cmd + 数字 正向切换标签页: Ctrl + Tab 反向切换标签页: Ctrl + ...

  9. chrome谷歌浏览器常用快捷键搜集整理

    搜集了下面比较实用的快捷键,部分不好操作的组合键就不写了:Ctrl+N:打开新窗口. Ctrl+T:打开新标签页.Ctrl+W:关闭当前标签Alt+F4:关闭chrome浏览器Ctrl+Tab:切换到 ...

随机推荐

  1. vue 特定条件下绑定事件

    今天写了个小功能,看起来挺简单,写的过程中发现了些坑.1.div没有disabled的属性,所以得写成button2.disabled在data时,默认是true,使得初始化时,默认置灰按钮,无法点击 ...

  2. 面向对象和结构化程序设计的区别X

    面向对象和结构化程序设计的区别 结构化程序的概念首先是从以往编程过程中无限制地使用转移语句而提出的.转移语句可以使程序的控制流程强制性的转向程序的任一处,在传统流程图中,就是用上节我们提到的" ...

  3. CDR中如何将对象在页面居中显示

    利用CorelDRAW在做设计排版时,如果想让对象在页面居中显示你会用什么方法?用鼠标拖?还是更准确的做法选择参照物对象,利用对齐与分布命令?或者还有更简单快速的方法,一起来看看吧! 最简单的方法(页 ...

  4. IDEA里面的facets和artifacts的讲解

    Facets: Facets表述了在Module中使用的各种各样的框架.技术和语言.这些Facets让Intellij IDEA知道怎么对待module内容,并保证与相应的框架和语言保持一致. 使用F ...

  5. ubuntu qq2012

    wine qq 2012 for linux Ubuntu 64位兼容(12月21日末日版) 版主: byebye, liyijun, smile, wolfstar 发表回复   340 篇帖子 • ...

  6. django-8-django模型系统

    <<<表关系实现>>> 1.OneToOne  models.OneToOneField('another_table', on_delete=models.CAS ...

  7. crm 系统项目(三) 业务

    1. 项目背景 crm系统是某教育平台正在使用的项目,系统主要为 销售部.运营部.教质部门提供管理平台,随着公司规模的扩展,对公司员工的业务信息量化以及信息化建设越来越重要. crm系统为不同角色的用 ...

  8. JAVA多线程知识总结(二)

    本文是承接上一篇文章:JAVA多线程知识总结(一) 四.Java多线程的阻塞状态与线程控制  上文已经提到线程阻塞的集中具体类型.下面主要看引起JAVA线程阻塞的方法 1,join()-----让一个 ...

  9. GitHub上传项目,使用desktop(客户端)教程

    GitHub上传项目,使用desktop(客户端)教程  搜索“GitHub上传项目”,能得到很多相关的文章教程,里面讲的都特别麻烦,要弄什么ssh之类的,可算是吓坏了我,使我非常的怀疑为什么GitH ...

  10. jvm 堆、栈 、方法区概念和联系

    一.三者联系 1.堆:解决数据的存储问题( 即 数据怎么放,放到哪 ). 2.栈:解决程序运行的问题( 即 程序如何执行,或者说如何处理数据 ). 3.方法区:辅助堆栈的一块永久区,解决堆栈信息的产生 ...