Chrome

目前最流行,最强大的浏览器,也是前端开发必备的浏览器。下面我们来介绍使用Chrome浏览器的一些小技巧。

快捷键

老生常谈,任何常用的应用的快捷键都必须熟练使用,玩得66的, 下面介绍常用的快捷键,再次声明本文档不是大而全的文档,Chrome快捷键组合大概有几十种,但我们只需要记住最常用的几种就行了

Chrome快捷键和前面讲到的iterm2, VS Code快捷键几乎一样,事实证明优秀的设计是每个应用都会共同遵守的

  • cmd + T 打开一个新的Tab
  • cmd + 数字键 快速跳转到和数字键对应的Tab,cmd + 9跳转到最后一个tab
  • cmd + shift + N 以无痕模式打开新窗口
  • cmd + w 关闭当前窗口
  • cmd + N 打开一个新的浏览器窗口

插件

Chrome的插件商店的强大程度无与伦比,下面来介绍我们开发中经常用到的一些插件

  • 沙拉查词 必装的插件,划词翻译功能是我目前用过的最舒服的
  • Quick QR 必装的插件,将链接转换为二维码
  • lighthouse Google官方出品,可以分析出你的网页的性能数据,以及列出可以优化的点
  • JSON Formatter 格式化JSON文件,让你在浏览器打开JSON文件时获得更愉悦的体验
  • React Developer Tools 开发React应用时用的辅助工具,大部分人应该都装了
  • Vue.js devtools 同上,开发Vue应用时的辅助工具
  • Octotree 方便你查看github项目结构
  • Allow-Control-Allow-Origin 为不支持跨域请求的接口的响应头加Allow-Control-Allow-Origin: *