如果你要用一种工具用几年，甚至十几年，那就现在开始用它，用的烂熟，那你可以将来的工作中节省掉很大一部分的时间。
我还记得 18 年的时候，有一次小组开会，当时的老大说我的工作效率不够高，他见我当时不服的表情，然后他又当场问我：浏览器的快捷键记得有几个 ?
比如：向下滚动网页，一次一个屏幕的快捷键是 ？打开新的标签页，并跳转到该标签页的快捷键是 ？
注意，问得是几个！我当时还真答不上来几个，他问得那两个，我刚好又没答对。
我们应该有一个目标：尽量只操作键盘即可满足我们对浏览器的日常使用，摆脱鼠标的依赖，因为只操作键盘是最快的方式，还是高逼格的操作。
特别是程序员，每天少敲几个键，少动几下肩膀，长年累计下来，都能长命几岁！
如本文题目，本文将分为 3 部分讲解内容，由浅入深。
- 高效快捷键
- 高效扩展插件
- 高效调试技巧
说明：下面表格中加粗的快捷键，都是笔者觉得非常常用，但很多人还不会用的，所以加粗突出重要性。
标签页和窗口快捷键
| 操作 | mac 快捷键 | window 快捷键 |
|---|---|---|
| 打开新窗口 | ⌘ + n | Ctrl + n |
| 在无痕模式下打开新窗口 | ⌘ + Shift + n | Ctrl + Shift + n |
| 打开新的标签页，并跳转到该标签页 | ⌘ + t | Ctrl + t |
| 按标签页的关闭顺序重新打开先前关闭的标签页 | ⌘ + Shift + t | Ctrl + Shift + t |
| 跳转到下一个打开的标签页 | ⌘ + Option + 向右箭头键 | Ctrl + Tab 或 Ctrl + PgDn |
| 跳转到上一个打开的标签页 | ⌘ + Option + 向左箭头键 | Ctrl + Shift + Tab 或 Ctrl + PgUp |
| 跳转到特定标签页 | ⌘ + 1 到 ⌘ + 8 | Ctrl + 1 到 Ctrl + 8 |
| 跳转到最后一个标签页 | ⌘ + 9 | Ctrl + 9 |
| 打开当前标签页浏览记录中记录的上一个页面 | ⌘ + [ 或 ⌘ + 向左箭头键 | Alt + 向左箭头键 |
| 打开当前标签页浏览记录中记录的下一个页面 | ⌘ + ] 或 ⌘ + 向右箭头键 | Alt + 向右箭头键 |
| 关闭当前的标签页或弹出式窗口 | ⌘ + w | Ctrl + w 或 Ctrl + F4 |
| 关闭当前窗口 | ⌘ + Shift + w | Ctrl + Shift + w 或 Alt + F4 |
| 最小化窗口 | ⌘ + m | Alt + 空格键，然后按 n 键 |
| 隐藏 Google Chrome | ⌘ + h | - |
| 退出 Google Chrome | ⌘ + q | Alt + f，然后按 x 键 |
Google Chrome 功能快捷键
| 操作 | mac 快捷键 | window 快捷键 |
|---|---|---|
| 显示或隐藏书签栏 | ⌘ + Shift + b | Ctrl + Shift + b |
| 打开书签管理器 | ⌘ + Option + b | Ctrl + Shift + o |
| 在新标签页中打开“历史记录”页 | ⌘ + y | Ctrl + h |
| 在新标签页中打开“下载内容”页 | ⌘ + Shift + j | Ctrl + j |
| 打开查找栏搜索当前网页 | ⌘ + f | Ctrl + f 或 F3 |
| 跳转到与查找栏中搜索字词相匹配的下一条内容 | ⌘ + g | Ctrl + g |
| 跳转到与查找栏中搜索字词相匹配的上一条内容 | ⌘ + Shift + g | Ctrl + Shift + g |
| 打开查找栏后，搜索选定文本 | ⌘ + e | ⌘ + Shift + b |
| 打开“开发者工具” | ⌘ + Option + i | Ctrl + Shift + j 或 F12 |
| 打开“清除浏览数据”选项 | ⌘ + Shift + Delete | Ctrl + Shift + Delete |
| 打开“设置”选项 | ⌘ + , | Ctrl + , |
地址栏快捷键
| 操作 | mac 快捷键 | window 快捷键 |
|---|---|---|
| 使用默认搜索引擎进行搜索 | 输入搜索字词并按 Enter 键 | 输入搜索字词并按 Enter 键 |
| 使用其他搜索引擎进行搜索 | 输入搜索引擎名称，然后按 Tab 键 | 输入搜索引擎名称，然后按 Tab 键 |
| 为网站名称添加 www. 和 .com，然后在当前标签页中打开该网址 | 输入网站名称并按 Ctrl + Enter 键 | 输入网站名称并按 Ctrl + Enter 键 |
| 为网站名称添加 www. 和 .com，然后在新标签页中打开该网址 | 输入网站名称并按 Ctrl + Shift + Enter 键 | - |
| 在新的后台标签页中打开网站 | 输入网址并按 ⌘ + Enter 键 | 输入搜索字词并按 Enter 键 |
| 跳转到地址栏 | ⌘ + l | Ctrl + l 或 Alt + d 或 F6 |
| 将光标移到地址栏 | Ctrl + F5 | Ctrl + F5 |
网页快捷键
| 操作 | mac 快捷键 | window 快捷键 |
|---|---|---|
| 打开选项以打印当前网页 | ⌘ + p | Ctrl + p |
| 打开选项以保存当前网页 | ⌘ + s | Ctrl + s |
| 重新加载当前网页 | ⌘ + r | F5 或 Ctrl + r |
| 重新加载当前网页（忽略缓存的内容） | ⌘ + Shift + r | ⌘ + p |
| 停止加载网页 | Esc | Esc |
| 浏览下一个可点击项 | Tab | Tab |
| 浏览上一个可点击项 | Shift + Tab | Shift + Tab |
| 使用 Google Chrome 打开计算机中的文件 | 按住 ⌘ + o 键并选择文件 | 按住 Ctrl + o 键并选择文件 |
| 显示当前网页的 HTML 源代码（不可修改） | ⌘ + Option + u | Ctrl + u |
| 打开 JavaScript 控制台 | ⌘ + Option + j | F12 |
| 将当前网页保存为书签 | ⌘ + d | Ctrl + d |
| 将所有打开的标签页以书签的形式保存在新文件夹中 | ⌘ + Shift + d | Ctrl + Shift + d |
| 开启或关闭全屏模式 | ⌘ + Ctrl + f | F11 |
| 放大网页上的所有内容 | ⌘ 和 + | Ctrl 和 + |
| 缩小网页上的所有内容 | ⌘ 和 - | Ctrl 和 - |
| 将网页上的所有内容恢复到默认大小 | ⌘ + 0 | Ctrl + 0 |
| 向下滚动网页，一次一个屏幕 | 空格键 | 空格键或 PgDn |
| 向上滚动网页，一次一个屏幕 | Shift + 空格键 | Shift + 空格键或 PgUp |
| 将光标移到文本字段中的上一个字词起始处 | Option + 向左箭头键 | Ctrl + 向左箭头键 |
| 将光标移到文本字段中的上一个字词后面 | Option + 向右箭头键 | Ctrl + 向右箭头键 |
| 删除文本字段中的上一个字词 | Option + Delete | Ctrl + Backspace |
| 在当前标签页中打开主页 | ⌘ + Shift + h | Alt + Home |
鼠标快捷键
以下快捷键要求您使用鼠标：
| 操作 | mac 快捷键 | window 快捷键 |
|---|---|---|
| 在当前标签页中打开链接（仅限鼠标） | 将链接拖到标签页中 | 将链接拖到标签页中 |
| 在新的后台标签页中打开链接 | 按住 ⌘ 键的同时点击链接 | 按住 Ctrl 键的同时点击链接 |
| 打开链接，并跳转到该链接 | 按住 ⌘ + Shift 键的同时点击链接 | 按住 Ctrl + Shift 键的同时点击链接 |
| 打开链接，并跳转到该链接（仅使用鼠标） | 将链接拖到标签栏的空白区域 | 将链接拖到标签栏的空白区域 |
| 在新窗口中打开链接 | 按住 Shift 键的同时点击链接 | 按住 Shift 键的同时点击链接 |
| 在新窗口中打开标签页（仅使用鼠标） | 将标签页拖出标签栏 | 将标签页拖出标签栏 |
| 将标签页移至当前窗口（仅限鼠标） | 将标签页拖到现有窗口中 | 将标签页拖到现有窗口中 |
| 将标签页移回其原始位置 | 拖动标签页的同时按 Esc | 拖动标签页的同时按 Esc |
| 将当前网页保存为书签 | 将相应网址拖动到书签栏中 | 将相应网址拖动到书签栏中 |
| 下载链接目标 | 按住 Option 键的同时点击链接 | 按住 Alt 键的同时点击链接 |
| 将窗口高度最大化 | 双击标签栏的空白区域 | 双击标签栏的空白区域 |
更全的 Chrome 键盘快捷键请点这里： Chrome 键盘快捷键传送门。
如果你还不懂如何安装Chrome 插件 ？
可以看看 Chrome 插件安装教程。
1. 蓝灯：免费翻墙
- 简单、无需注册，无需设置，一键翻墙。 下载蓝灯后点击开关就可翻墙。
- 快速，不需要再继续等待境外网页的缓慢加载。使用蓝灯加速境外网页浏览。
- 免费 每月都有 500MB 免费的高速流量。超过 500MB 仍然可以继续低速翻墙。 每个人都应该能的访问自由互联网。
- 软件轻量，蓝灯只占 7MB 的空间。
- 安全，蓝灯会加密所有流量，让黑客等束手无策！
- 专业版，使用专业版来打败任何方式的封锁，并获得最快的翻墙方式，无限流量！
当您发现自己有太多的标签页时，单击 OneTab 图标，将所有标签页转换成一个列表。当您需要再次访问这些标签页时，可以单独或全部恢复它们。
当您的标签页位于 OneTab 列表时，您将节省高达 95％ 的内存，因为你将减少 Google Chrome 浏览器中打开的标签页的数量。
当你有暂时看不完的标签页面时，可以收到 OneTab 里面。
而且重新打开浏览器时，那些有收藏到 OneTab 的标签页面会打开，可以一键恢复之前的标签页。这样又可以保存之前想保存的标签页面，又能关闭浏览器，不占内存了。
新标签页，自由添加网站图标，云端高清壁纸，快速访问书签、天气、笔记、待办事项、扩展管理与历史记录。
Infinity 新标签页是相比 Chrome 自带的新标签页，您可以通过 Infinity 自定义添加自己喜爱的网站，我们重绘了上千图标，当然您也可以自定义这些网站的图标。
除此之外，还可以更新新标签页的背景图片，既可以使用您自己的图片，也可以使用自动更换图片。
集成了天气，待办事项，笔记等功能，甚至还能显示你的 Gmail 邮件数量和通知。流畅的体验和漂亮的界面。
4. Google翻译
Google 翻译是一款由谷歌公司提供的网页划词翻译插件，是 Google Chrome 的翻译扩展工具，由 Google 官方发布。安装后，会在 Chrome 浏览器菜单栏中添加一个按钮，可以方便的在任何时候点击翻译你当前正在访问的页面。
Saladict 沙拉查词是一款专业划词翻译扩展，为交叉阅读而生。大量权威词典涵盖中英日韩法德西语，支持复杂的划词操作、网页翻译、生词本与 PDF 浏览。
比 google 翻译的强大之处在于有多种翻译及发音，还有例句。
有时候需要将网页保存成图片，通常情况下使用系统自带或者微信截图工具即可。但是如果页面较长，有滚动条就比较麻烦了。
「FireShot」插件就能够解决这个问题，不仅支持区域截图，还支持完整的长网页截图。
捕捉网页截图，编辑并将它们保存为 PDF，JPEG，GIF，PNG 或 BMP；上传，打印，在 Photoshop 中打开，复制到剪贴板或电子邮件等。
7. 右键搜：扩展你的右键菜单
不仅仅可以搜索文字，还可以搜索图片。
扩展右键菜单，超过 300 种功能，方便的选择、组合或自定义页面、划词、图片菜单，并有生成、解析二维码和短网址功能。
选择文字后右键显示搜索菜单或右键图片显示图片搜索。
广告终结者的功能
- 过滤网页上的各种类型广告
- 百度联盟等广告联盟的广告
- 淘宝，天猫，京东等商城广告
- 恶意弹窗广告
- 各种影响网页阅读的浮动广告
- 屏蔽视频广告
- 视频片头广告
- 视频暂停广告
- 视频下方的小广告
- 提升网页浏览体验
- 屏蔽广告，网页排版更整齐，更易阅读
- 屏蔽跟踪代码，防止个人隐私泄露
- 过滤广告、跟踪代码，网页加载速度更快
Awesome，All In One的一个工具，包含多个独立小应用，比如：Json工具、代码美化、代码压缩、二维码、Postman、markdown、网页油猴、便签笔记、信息加密与解密、随机密码生成、Crontab等等。
可以说是开发者的神器了，特别是前端开发者的神助手。
GitHub 现有的目录层级形式，在查看来自不同层级文件夹的文件的时候，显得似乎不是很方便，Octotree 这款 Chrome 插件能够让你通过文档库的方式管理、查看你的 GitHub 仓库，简单直观的同时，也方便你进行文件之间的跳转操作。
你可以通过全局的方法 copy() 在 console 里 copy 任何你能拿到的数据。
// 控制台输入
location
// copy
copy(location);
// 复制到的数据
{
"href": "chrome-extension://nnnkddnnlpamobajfibfdgfnbcnkgngh/pages/newtab.html",
"ancestorOrigins": {},
"origin": "chrome-extension://nnnkddnnlpamobajfibfdgfnbcnkgngh",
"protocol": "chrome-extension:",
"host": "nnnkddnnlpamobajfibfdgfnbcnkgngh",
"hostname": "nnnkddnnlpamobajfibfdgfnbcnkgngh",
"port": "",
"pathname": "/pages/newtab.html",
"search": "",
"hash": ""
}
如果你在 console 中打印了一堆数据 (例如你在 App 中计算出来的一个数组) ，然后你想对这些数据做一些额外的操作，比如我们刚刚说的 copy (在不影响它原来值的情况下) 。 那就可以将它转换成一个全局变量，只需要 右击 它，并选择 “Store as global variable” (保存为全局变量) 选项。
第一次使用的话，它会创建一个名为 temp1 的变量，第二次创建 temp2，第三次 ... 。通过使用这些变量来操作对应的数据，不用再担心影响到他们原来的值:
大多数情况下都不是一个人开发一个项目，而是一个团队协作，那么 如何准确的描述问题，就成为了沟通的关键 ，这时候 console 打印出来的堆栈跟踪的信息对你和同事来说就起大作用了，可以省去很多沟通成本，所以你可以直接把堆栈跟踪的信息保存为一个文件，而不只是截图发给对方：
几乎所有人都知道，右击或者点击在 HTML 元素边上的省略号 (...) 就可以将它 copy 到剪贴板中
但是你不知道的是：古老的[ctrl] + [c]大法依旧可用！
这时就可以通过 DevTools 的下拉菜单，或者命令菜单...或者使用一个快捷键 ctrl + shift + D (⌘ + shift + D Mac) 来实现位置的切换（通常是从 开始的位置 到 右边位置， 但是如果一开始就是 右边的位置 那么会切换到 左边的位置）
如果可以的话，我想成为一个不需要鼠标的开发者，日常开发中，我们常需要从 元素面板 跳转到 资源面板 并返回，这样往返的来调试我们的代码，怎么来节省鼠标点击的时间呢：
按下 ctrl + [ 和 ctrl + ] 可以从当前面板的分别向左和向右切换面板。
如何重新发送 XHR 的请求？刷新页面？太老套了，试试这么做：
其实上面讲到的调试技巧都是掘金小册：你不知道的 Chrome 调试技巧 里面的内容，里面还有更多的技巧，推荐技术人员去看看，真的是良心作品来的，只需要 1 分钱！只需要 1 分钱！只需要 1 分钱！
谢谢大家的棒场。