chrome开发快捷键

常用

文件内搜索 ctrl+f

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

打开文件：ctrl+o

打开DevTools

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

• 打开浏览器右上角的Chrome菜单 ，然后选择“更多工具”–“开发者工具”。
• 在页面任何元素处点击右键，然后选择“审查元素”。

 Windows / LinuxMac打开开发者工具F12 , Ctrl + Shift + ICmd + Opt + I切换审查元素模式与浏览器窗口模式Ctrl + Shift + CCmd + Shift+ C打开开发者工具并定位到控制台Ctrl + Shift + JCmd + Opt + JInspect the Inspector (undock first one and press)Ctrl + Shift + ICmd + Opt + I

所有面板

 Windows / LinuxMac显示设置对话框? , F1?下一个面板Ctrl + ]Cmd + ]上一个面板Ctrl + [Cmd + [最后一个面板Ctrl + Alt + [Cmd + Opt + [第一个面板Ctrl + Alt + ]Cmd + Opt + ]更改停靠位置(测试发现与添加书签冲突)Ctrl + Shift + DCmd + Shift + D打开设备(Device)模式Ctrl + Shift + MCmd + Shift + M切换控制台 / 关闭设置对话框EscEsc刷新页面F5 , Ctrl + RCmd + R刷新页面(忽略缓存内容)Ctrl + F5 , Ctrl + Shift + RCmd + Shift + R当前文件或面板查找Ctrl + FCmd + F所有资源中进行查找Ctrl + Shift + FCmd + Opt + F按文件名查找 (排除Timeline面板)Ctrl + O, Ctrl + OCmd + O, Cmd + O放大 (当DevTools获得焦点时)Ctrl + +Shift + +缩小Ctrl + -Shift + -恢复默认文字大小Ctrl + 0Shift + 0

Elements面板

 Windows / LinuxMac撤销更改Ctrl + ZCmd + Z重做Ctrl + YCmd + Y , Cmd + Shift + Z导航Up , DownUp , Down展开/折叠节点Right , LeftRight , Left展开节点Single-click on arrowSingle-click on arrow展开/折叠节点及其子元素Ctrl + Alt + Click on arrow iconOpt + Click on arrow icon编辑属性Enter , Double-click on attributeEnter , Double-click on attribute隐藏元素HH切换编辑HTMLF2 

右键点击元素你可以：

• 更改元素状态(:active, :hover, :focus, :visited)；
• 元素上设置断点(更改子元素、更改属性及删除节点)；
• 清空控制台

样式侧边栏(Style Sidebar)

 Windows / LinuxMac编辑规则Single-clickSingle-click插入新属性Single-click on whitespaceSingle-click on whitespace定位到样式属性定义处Ctrl + Click on propertyCmd + Click on property定位到属性值定义处Ctrl + Click on property valueCmd + Click on property value循环颜色值(rgba,hsl等)Shift + Click on color picker boxShift + Click on color picker box编辑上/下一个属性Tab, Shift + TabTab, Shift + Tab增加/减小值Up, DownUp, Down每次以10增加/减小值Shift + Up, Shift + DownShift + Up, Shift + Down每次以10增加/减小值PgUp, PgDownPgUp, PgDown每次以100增加/减小值Shift + PgUp, Shift + PgDownShift + PgUp, Shift + PgDown每次以0.1增加/减小值Alt + Up, Alt + DownOpt + Up, Opt + Down

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

 添加新的样式选择器

Sources 面板

 Windows / LinuxMac暂停/恢复脚本运行F8, Ctrl + \F8, Cmd + \Step over next function callF10, Ctrl + 'F10, Cmd + 'Step into next function callF11, Ctrl + ;F11, Cmd + ;Step out of current functionShift + F11, Ctrl + Shift + ;Shift + F11, Cmd + Shift + ;Select next call frameCtrl + .Opt + .Select previous call frameCtrl + ,Opt + ,Toggle breakpoint conditionClick on line number, Ctrl+ BClick on line number, Cmd + BEdit breakpoint conditionRight-click on line numberRight-click on line numberDelete individual wordsAlt + DeleteOpt + DeleteComment a line or selected textCtrl + /Cmd + /Save changes to local modificationsCtrl + SCmd + SSave all changesCtrl + Alt + SCmd + Opt + SGo to lineCtrl + GCtrl + GSearch by filenameCtrl + OCmd + OJump to line numberCtrl + P + :<number>Cmd + P + :<number>Jump to columnCtrl + O + :<number> + :<number>Cmd + O + :<number> + :<number>Go to memberCtrl + Shift + OCmd + Shift + OClose active tabAlt + WOpt + WRun snippetCtrl + EnterCmd + 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 / LinuxMac跳转到匹配位置Ctrl + M跳转到指定行Ctrl + P + :<number>Cmd + P + :<number>跳转到指定列Ctrl + O + :<number> + :<number>Cmd + O + :<number> + :<number>切换注释Ctrl + /Cmd + /选择下一个出现位置Ctrl + DCmd + D撤销上一次操作Ctrl + UCmd + U

TimeLine 面板

 Windows / LinuxMac启动/停止记录Ctrl + ECmd + E保存timeline数据Ctrl + SCmd + S加载timeline数据Ctrl + OCmd + O

Profiles 面板

 Windows / LinuxMac启动/停止记录Ctrl + ECmd + E

Console 控制台

 Windows / LinuxMacAccept suggestionRightRight上一个命令/行UpUp下一条命令/行DownDown控制台获取焦点Ctrl + `Ctrl + `清空控制台Ctrl + LCmd + K, Opt + L多行输入Shift + EnterCtrl + Return执行EnterReturn

右键点击控制台：

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

Screencasting

 Windows / LinuxMacPinch zoom in and outAlt + Scroll,Ctrl + Click and drag with two fingersOpt + Scroll, Cmd + Click and drag with two fingersInspect element toolCtrl + Shift + CCmd + Shift + C

Emulation

 Windows / LinuxMacPinch zoom in and outShift + ScrollShift + Scroll

其他Chrome快捷方式

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

 Windows / LinuxMac查找下一个Ctrl + GCmd + G查找上一个Ctrl + Shift + GCmd + Shift + G打开一个隐身模式的新窗口Ctrl + Shift + NCmd + Shift + N切换是否显示书签栏Ctrl + Shift + BCmd + Shift + B打开历史记录页面Ctrl + HCmd + Y打开下载记录页面Ctrl + JCmd + Shift + J打开浏览器任务管理器Shift + ESCShift + ESC标签页历史下一页Alt + RightOpt + Right标签页历史上一页Backspace, Alt + LeftBackspace, Opt + Left选中地址栏F6, Ctrl + L, Alt + DCmd + L, Opt + D地址栏放置一个?供你输入内容进行搜索(使用你设置的默认搜索引擎)Ctrl + K, Ctrl + ECmd + K, Cmd + E