chromeShortcuts：https://github/sean-smith/chromeshortcuts

Web 前端开发网：http://www.css88
Chrome 开发者工具中文文档：http://www.css88/doc/chrome-devtools

Chrome 开发者工具 (DevTools) 中所有快捷方式列表：https://www.w3cschool/chromedevtools/awij1hjn.html
Chrome 浏览器 for mac 实用快捷键大全：https://www.jb51/softjc/603407.html
Chrome 浏览器快捷键，"装逼" 必会：http://www.360doc/content/17/1218/11/31784658_714160454.shtml
Google 快捷键(需要科学上网)：https://developers.google/web/tools/chrome-devtools/iterate/inspect-styles/shortcutshttps://support.google/chrome/answer/157179

Vimium|谷歌浏览器快捷键扩展：www.egouz/topics/17168.html
Chrome cVim 快捷键速查表：https://guopuke.github.io/post/chrome-cvim-快捷键速查表

Chrome 浏览器 命令行 启动参数: https://wwwblogs/videring/articles/7243958.html
命令行启动 chrome 并进入指定的 URL：chrome.exe --new-window www.taobao --disable-infobars执行命令前确保环境变量 Path 有 chrome路径

• chromium 是 Google 的一个开源项目，图标是 蓝色：最新版本：https://chromium.en.softonic/   github：https://github/chromium/chromium         解决 Chromium “缺少 Google API 密钥”问题：https://blog.csdn/yori_chen/article/details/79654294
• chrome 是基于 chromium 的一个浏览器，图标是 红黄绿 ：https://www.google/chrome/

Chrome 天天都在用，但是基本都是用鼠标操作，最近感觉有些操作用鼠标非常不方便，所以就找了下它的快捷键，这些都是在官方文档上面找到的，因为看官方文档是需要FQ的，大部分时候不太方便，所以就把它记录下来，下次有需要的时候好查。

1. 标签页和窗口快捷键

快捷键	说明
Ctrl + n	打开新窗口。
Ctrl + shift + n	在隐身模式下打开新窗口。
Ctrl + t	打开新的标签页，并跳转到该标签页。(常用)
Ctrl + Shift + t	重新打开最后关闭的标签页，并跳转到该标签页
Ctrl + Tab 或 Ctrl + Pgdn	跳转到下一个打开的标签页，如果当前为最后一个标签页，则跳转到第一个标签页。
Ctrl + Shift + Tab 或 Ctrl + Pgup	跳转到上一个打开的标签页。(常用)
Alt + ←	打开历史记录中的上一页。(常用)
Alt + →	打开历史记录中的下一页。
Ctrl + 1 到 Ctrl + 8	跳转到指定索引号的标签页(常用)。切换标签页1234678代表1234678页，9代表是最后一页面
Ctrl + 9	跳转到最后一个标签页。(常用)
Alt + home	在当前标签页中打开主页。
Ctrl + w 或 Ctrl + F4	关闭当前标签页。(常用)
Ctrl + Shift + w	关闭所有已打开的标签页并关闭当前 Chrome 浏览器(如果开多个浏览器则只关闭当前的浏览器)。
Alt + 空格键 + n	最小化当前窗口
Alt + 空格键 + x	最大化当前窗口
Ctrl + Shift + q 或 Alt + F4	关闭所有 Chrome 浏览器。

2. 功能快捷键

快捷键	操作
Alt + f、Alt + e 或 F10	打开右上角的菜单栏。F10 只是选择菜单栏的图标，还需要键入回车或空格后，才能完全打开。
Ctrl + Shift + b	显示或隐藏书签栏
Ctrl + Shift + o	打开书签管理器
Ctrl + h	在新标签页中打开”历史记录”页。(常用)
Ctrl + j	在新标签页中打开”下载内容”页。(常用)
Shift + Esc	打开 Chrome 任务管理器
Shift + Alt + t	将焦点放置在 Chrome 工具栏中的第一项上
F6	在地址栏、书签栏(若显示)和页面内容之间向前切换焦点。(常用)
Shift + F6	在地址栏、书签栏(若显示)和页面内容之间向后切换焦点
Ctrl + f 或 F3	打开查找栏搜索当前网页。(常用)
Ctrl + g	跳转到与查找栏中搜索字词相匹配的下一条内容
Ctrl + Shift + g	跳转到与查找栏中搜索字词相匹配的上一条内容
F12 或 Ctrl + Shift + j	打开 “开发者工具”。(常用)
Ctrl + Shift + Delete	打开“清除浏览数据”选项
F1	在新标签页中打开 Chrome 帮助中心
Ctrl + Shift + m	打开 Chrome 账户登陆对话框，使用其他帐号登录或以访客身份浏览。
Alt + Shift + i	打开反馈表单

3. 地址栏快捷键

在地址栏中可使用以下快捷键：

快捷键	操作
输入搜索字词并按 Enter 键	使用默认搜索引擎进行搜索
输入搜索引擎名称并按 Tab 键	使用其他搜索引擎进行搜索
输入网站名称并按 Ctrl + Enter 键	为网站名称添加 www. 和 ，并在当前标签页中打开该网站
输入搜索字词并按 Alt + Enter 键	打开新的标签页并执行 Google 搜索
Ctrl + l、Alt + d 或 F6	跳转到地址栏
Ctrl + k 或 Ctrl + e	从页面中的任意位置搜索
按向下箭头键以突出显示相应内容，然后按 Shift + Delete	从地址栏中移除联想查询内容

4. 网页快捷键

快捷键	操作
Ctrl + p	打开选项以打印当前网页
Ctrl + s	打开选项以保存当前网页
F5 或 Ctrl + r	重新加载当前网页。(常用)
Shift + F5 或 Ctrl + Shift + r	重新加载当前网页(忽略缓存的内容)
Esc	停止加载网页
Tab	浏览下一个可点击项
Shift + Tab	浏览上一个可点击项
按住 Ctrl + o 键并选择文件	使用 Chrome 打开计算机中的文件
Ctrl + u	显示当前网页的 HTML 源代码【不可修改】。(常用)
Ctrl + d	打开【将当前网页保存为书签】的对话框。(常用)
Ctrl + Shift + d	打开【将所有打开的标签页以书签的形式保存在新文件夹】的对话框。
F11	开启或关闭全屏模式。(常用)
Ctrl 和 +	放大网页上的所有内容
Ctrl 和 -	缩小网页上的所有内容
Ctrl + 0  ( 数字0 )	将网页上的所有内容恢复到默认大小
空格键 或 PgDn	向下滚动网页，一次一个屏幕。(常用)
Shift + 空格键  或  PgUp	向上滚动网页，一次一个屏幕
home	转到网页顶部。(常用)
end	转到网页底部。
Ctrl + o	打开选择文件框。(一般上传文件时用来选择文件)
按住 Shift 并滚动鼠标滚轮	在网页上水平滚动。
Ctrl + 向左箭头键	将光标移到文本字段中的上一个字词前面
Ctrl + 向右箭头键	将光标移到文本字段中的上一个字词后面
Ctrl + Backspace	删除文本字段中的上一个字词
Alt + n	将焦点移到通知上
Alt + Shift + a	在通知中允许
Alt + Shift + d	在通知中拒绝
Alt + Home	在当前标签页中打开主页

5.  鼠标快捷键

以下快捷键要求您使用鼠标：

快捷键	操作
将网页链接拖拽到标签栏的空白位置	在当前标签页中打开链接(仅限鼠标)
按住 Ctrl 并点击网页链接	在新的标签页中打开网页。(常用)
按住 Alt 并点击网页链接	下载链接目前的网页。
按住 Shift 并点击网页链接	在新窗口中打开网页。
按住 Ctrl + Shift 键的同时点击链接	打开链接，并跳转到该链接
(仅使用鼠标)	打开链接，并跳转到该链接
按住 Shift 键的同时点击链接	在新窗口中打开链接
将标签页拖出标签栏	在新窗口中打开标签页(仅使用鼠标)
将标签页拖到现有窗口中	将标签页移至当前窗口(仅限鼠标)
拖动标签页的同时按 Esc	将标签页移回其原始位置
将相应网址拖动到书签栏中	将当前网页保存为书签
右键点击“后退”箭头 返回 或“前进”箭头 下一个，或者左键点击(并按住鼠标左键不放)“后退”箭头 返回 或“前进”箭头 下一个	显示浏览记录
双击标签栏的空白区域	在最大化模式和窗口模式间切换
按住 Ctrl 键的同时向上滚动鼠标滚轮	放大网页上的所有内容
按住 Ctrl 键的同时向下滚动鼠标滚轮	缩小网页上的所有内容

以上就是 Chrome 中的所有快捷键，但其实有很多都是不怎么用的，只需要记住几个平时经常用的就行了。

6. Chrome 开发者工具(DevTools)中所有快捷方式列表

Chrome DevTools提供了一些内置的快捷键，开发者利用这些快捷键可以节省常工作中很多日的开发时间。下面列出了每个快捷键在 Windows / Linux / Mac 中的对应键。

其中一些快捷键对于 DevTools 全局可用，而另一些则只能在单个面板中使用。

查看 开发者快捷键，可以 F12 -> 设置 -> shortcuts 查看。如图：

打开 DevTools

front-end-study：https://github/CompileYouth/front-end-study

因为项目要求的缘故，我们的项目只需要在最新的 Chrome 上运行稳定即可，所以我们一般情况下都在 Chrome 中进行开发。下面就聊聊我是如何使用 Chrome DevTools 的。

[认识 Chrome DevTools](./tool/devtools/Chrome DevTools Overview.md)

• Chrome DevTools - Elements
• Chrome DevTools - Console
• Chrome DevTools - Sources
• Chrome DevTools - Network
• Chrome DevTools - Performance
• Chrome DevTools - Memory
• Chrome DevTools - Application
• Chrome DevTools - Security
• Chrome DevTools - Audits

Chrome extensions/apps，既然用 Chrome， 为什么不让 Chrome extensions/apps 让你的 Chrome 更加强大呢？

推荐给开发者的 Chrome extensions/apps

要访问 DevTools，在谷歌 Chrome 浏览器里的任何网页或应用程序，你可以使用这些选项之一：

• 打开 Chrome 菜单，在浏览器窗口的右上角，然后选择工具 > 开发工具。
• 在任何页面元素右键单击并选择检查元素。

Windows	Linux	Mac
打开开发者工具	F12, Ctrl + Shift + I	Cmd + Opt + I
切换审查元素模式与浏览器窗口模式	Ctrl + Shift + C	Cmd + Shift + C
打开 DevTools 将面板放到控制台	Ctrl + Shift + J	Cmd + Opt + J
检查(取消停靠第一个，然后按)	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

Element 面板

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)；
• 在元素上设置断点:(修改子元素，修改属性，删除节点)
• 清空控制台

侧边栏样式

Windows	Linux	Mac
打开直尺	单击	单击
插入新的属性	在空白空间单击	在空白空间单击
转至样式规则属性声明中源行	Ctrl + 点击属性	Cmd + 点击属性
转制属性值声明源行	Ctrl + 点击属性值	Cmd + 点击属性值
获取颜色定义值	Shift + 点击拾色器对话框	Shift + 点击拾色器对话框
编辑前一个/后一个	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)
• 添加新的样式选择

Source 面板

Windows	Linux	Mac
暂停/恢复脚本执行	F8 , Ctrl + \	F8 , Cmd + \
跳过下一个函数的调用	F10 , Ctrl +'	F10 , Cmd + '
进入下一个函数的调用	F11 , Ctrl +;	F11 , Cmd + ;
跳出当前函数	Shift + F11 , Ctrl + Shift + ;	Shift + F11 ,Cmd + Shift + ;
选择下一个调用框架	Ctrl + .	Opt + .
选择之前的调用框架	Ctrl + ,	Opt + ,
切换断点条件	点击行号 , Ctrl +B	点击行号 , Cmd + B
编辑断点条件	右击行号	击行号
删除单组单词	Alt + Delete	Opt + Delete
注释一行或注释选定文本	trl + /	Cmd + /
保存本地修改	Ctrl + S	Cmd + S
跳转到行	Ctrl +G	Ctrl + G
以文件名搜索	Ctrl +O	Cmd + O
跳转至行号	Ctrl +P + 行号	Cmd + P + 行号
跳转至列	Ctrl + O + 数字 + 数字	Cmd + O +数字 + 数字
进入成员	Ctrl + Shift + O	Cmd + Shift +O
关闭活动的标签	Alt + W	Opt + W
运行代码片段	Ctrl + Enter	Cmd + Enter

 不能暂停异常

 暂停所有异常(包括那些被捕获 try / catch 块内)

 暂停未捕获的异常(通常是你想要的那个)

代码编辑器快捷键

Windows	Linux	Mac
匹配括号	Ctrl +M
跳转至某行	Ctrl + P + 行号	Cmd + P + 行号
跳转至某列	Ctrl +O + 数字 + 数字	Cmd + O + 数字 + 数字
修改为注释	Ctrl + /	Cmd + /
找到下一次出现的地方	Ctrl + D	Cmd + D
撤销最后的选择	Ctrl + U	Cmd + U

TimeLine (时间轴)面板

Windows	Linux	Mac
开始/停止记录	Ctrl +E	Cmd + E
保存时间线数据	Ctrl +S	Cmd + S
载入时间线数据	Ctrl +O	Cmd + O

Profiles 面板

Windows	Linux	Mac
开始/停止记录	Ctrl + E	Cmd + E

Console(控制台)

Windows	Linux	Mac
接受提示命令	键盘右	键盘右
前一条命令行	键盘上	键盘上
下一条命令行	键盘下	键盘下
聚焦控制台	Ctrl +</kbd> | <kbd> Ctrl</kbd> +<kbd>
清除控制台	Ctrl + L	Cmd + K , Opt + L
多行输入	Shift + Enter	Ctrl +Return
执行	Enter	Return

控制台右击：

• XMLHttpRequest logging: 打开查看 XHR 日志
• Preserve log 在导航栏上
• Filter: 隐藏或显示脚本文件的消息
• Clear console: 清除控制台

截屏

Windows	Linux	Mac
放大缩小	Alt + Scroll ,Ctrl +Click and drag with two fingers	Opt + Scroll ,Cmd + Click and drag with two fingers
检查元素的工具	Ctrl + Shift + C	Cmd + Shift + C

Console(控制台)

Windows	Linux	Mac
放大缩小	Shift + Scroll	Shift + Scroll

Chrome 的其他快捷键

这里有一些其他的 Chrome 快捷键，这些都浏览器通用的快捷键，并不是 DevTools 内的特有的。查看适用于Windows，Mac 和 Linux的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

15 条实用命令，帮你打开 Chrome 浏览器的隐藏功能

Chrome 作为主力浏览器，支持相当丰富的第三方扩展，其实浏览器本身也内置了大量实用的命令。

下面整理的 Chrome 命令，将会让用户实现快速查询信息的目的，比如：查询浏览器的用户配置文件存储位置、实验阶段的功能选项，甚至是集中显示浏览器支持的所有的命令的详细列表。

chrome://version

显示当前版本。浏览器地址栏输入并打开   chrome://version，页面显示了当前浏览器版本的详细信息，比如：本地操作系统类型，JavaScript、Flash 软件的具体版本和文件存放位置。

这一页面中有两处实用的信息：命令行 和 个人资料路径

• 命令行。引号部分为 Chrome 本地安装的目标位置，引号后面的内容则显示用户在功能特性界面自定义修改过的内容。
• 个人资料路径，这个文件路径就是大家经常说的用户配置文件。Default 文件夹就是默认的 Chrome 配置文件夹，如果用户创建了多个 Chrome 用户，会有以 Profile N (N 代表从 1 开始的数字)为方式命名的文件夹。在重装电脑之前将个人资料路径的文件拷贝一份，下次重装电脑间接实现快速备份 Chrome 浏览器的个人配置信息。

chrome://flags

实验项目。输入   chrome://flags 这个命令将打开 Chrome 浏览器的功能特性界面，我们可用来启用或者关闭某些 Chrome 的实验功能。flags 页面按照 Available、Unavailable 两种标签页显示项目，如果用户明确知道需要查找的实验项目，可以使用顶部的搜索栏，或者在地址栏直接输入   chrome://flags/# ( 项目名称 ) ，比如我要查找 overlay-scrollbars 项，那么只需要输入   chrome://flags/#overlay-scrollbars  ，即可直接定位到目标选项。

经过粗略统计，flags 实验项目拥有近 200 多项，里面包括了对滚动条、Omnibar 地址栏、书签管理器样式、导入 / 导出保存的密码信息等内容，大部分选项提供了 Disable 禁止、Enable 开启或者 Default 默认三种状态。

chrome://settings

设置页面。输入   chrome://settings   将快速打开 Chrome 浏览器的设置页面，页面的内容分类划分为基础和高级设置选项，基础项细分为其他人、外观、搜索引擎、默认浏览器、启动时，高级项有隐私设置和安全性、密码和表单、语言、下载内容、打印、无障碍、系统、重置并清理，最后一个就是「关于 Chrome」的选项。

每个细分选项通过类似   chrome://settings/xx   命令来快速定位，下面是对应命令：

chrome://extensions

Chrome 设置页面的命令扩展程序页面。输入   chrome://extensions，这个命令方便取代以往进入两三级菜单才能打开浏览器已安装的扩展程序页面(需打开「菜单 - 更多工具 - 扩展程序」)，扩展页面的常规功能包括了打开 / 关闭开发者模式、手动加载 / 更新扩展、搜索安装的扩展程序、手动关闭 / 打开 / 删除某个扩展。另外，页面侧边栏还隐藏了键盘快捷键的页面，用户同样可在地址栏输入   chrome://extensions/shortcuts   快速打开，集中管理用户为每个扩展设置的键盘快捷键组合，以及设置是否在全局或者只在 Chrome 本身激活快捷键。

chrome://net-internals

显示网络事件信息。输入   chrome://net-internals   后打开一个显示网络相关信息的页面，这个命令主要用来捕获浏览器生成的网络事件，默认会显示当前连接的网络服务事件，可导出数据、查看 DNS 主机解析缓存。

chrome://components

查看组件信息。输入   chrome://components，这个命令显示 Chrome 浏览器所有用到的组件，在这里可以查看常用的 Flash 组件的版本，并检查是否有更新。

chrome://translate-internals

查看哪些网页被禁止翻译

输入   chrome://translate-internals，打开浏览器内置翻译功能的页面，显示了页面是什么语言的情况下不提示翻译、哪些页面不再提示翻译、以及哪些语言组合是提示翻译，用户还可以手动关闭哪些以前设置过的翻译选项。

chrome://quit 、chrome://restart

退出和重启浏览器。注意，首先这个不要着急输入这两条命令   chrome://quit、chrome://restart，它们分别可以实现退出和重启浏览器，其中重启命令间接实现了一键重启浏览器的目的。

chrome://about

查看所有的命令列表。用户如果还对如何找到这些浏览器命令感到困惑的话，输入   chrome://about   命令，将集中列出 Chrome 浏览器支持的所有的命令，分为了 Chrome URLs 以及 Debug 用途的命令。

其他常用的 Chrome 命令还包括了：

• chrome://downloads： 直接访问 Chrome 浏览器网页下载的文件。
• chrome://history： 直接访问 Chrome 浏览器访问的历史记录。
• chrome://apps： 访问 Chrome 浏览器中安装的应用的界面，可以对应用进行删除管理。
• chrome://bookmarks： 直接访问 Chrome 浏览器中我们收藏的标签。
• chrome://dns： 显示浏览器预抓取的主机名列表，让用户随时了解 DNS 状态。
• chrome://devices： 查看连接电脑的设备，比如传统打印机中，可设置添加打印机到 Google 云打印的入口。

另类的命令扩展：Steward

Steward  号称是 Chrome 浏览器里类  Alfred  启动器，用户可以使用   off |all(禁用所有扩展)、on 扩展名称(启用某个扩展)、bk 网址名称(屏蔽某个网站)、todo 内容(建立代办事项)等快捷命令来快速实现某些功能，甚至利用扩展内置的 workflow 设置来创建属于自己的工作流。在这里简要介绍 Steward 内置的 chrome 命令，在调用扩展的搜索栏输入   chrome，Steward 将会自动显示目前支持的命令，用户无需记住完整的浏览器命令。

Steward 支持打开 Chrome 命令

扩展阅读：在 Chrome 里用「Alfred」是什么体验？Steward 把效率启动器带进了浏览器

用好 Chrome 命令来提升效率

Chrome 内置的命令支持快速打开某些页面，无需繁琐地打开多级菜单(快捷键也能提升打开效率)才能进入诸如扩展、书签管理器等页面。同时，实用的命令可以实现一些隐藏的功能，比如查询个人配置文件的路径、打开仍处于实验阶段的新功能、记录页面的网络信息等。用户掌握好这些常用的浏览器命令，将有助于提升配置 Chrome 功能的效率。