# Chrome
目前最流行,最强大的浏览器,也是前端开发必备的浏览器。下面我们来介绍使用Chrome浏览器的一些小技巧。
# 快捷键
老生常谈,任何常用的应用的快捷键都必须熟练使用,玩得66的, 下面介绍常用的快捷键,再次声明本文档不是大而全的文档,Chrome快捷键组合大概有几十种,但我们只需要记住最常用的几种就行了
Chrome快捷键和前面讲到的iterm2, VS Code快捷键几乎一样,事实证明优秀的设计是每个应用都会共同遵守的
cmd
+T
打开一个新的Tabcmd
+数字键
快速跳转到和数字键对应的Tab,cmd + 9
跳转到最后一个tabcmd
+shift
+N
以无痕模式打开新窗口cmd
+w
关闭当前窗口cmd
+N
打开一个新的浏览器窗口
# 插件
Chrome的插件商店 (opens new window)的强大程度无与伦比,下面来介绍我们开发中经常用到的一些插件
- 沙拉查词 (opens new window) 必装的插件,划词翻译功能是我目前用过的最舒服的
- Quick QR (opens new window) 必装的插件,将链接转换为二维码
- lighthouse (opens new window) Google官方出品,可以分析出你的网页的性能数据,以及列出可以优化的点
- JSON Formatter (opens new window) 格式化JSON文件,让你在浏览器打开JSON文件时获得更愉悦的体验
- React Developer Tools (opens new window) 开发React应用时用的辅助工具,大部分人应该都装了
- Vue.js devtools (opens new window) 同上,开发Vue应用时的辅助工具
- Octotree (opens new window) 方便你查看github项目结构
- OctoLinker (opens new window) 查看github文件时可以一键打开引入文件的路径
- Allow-Control-Allow-Origin (opens new window) 为不支持跨域请求的接口的响应头加Allow-Control-Allow-Origin: *