关于 Chrome

Chrome 简介

Chrome (opens new window) 是一个免费的跨平台浏览器，由 Google 开发，
Chrome 对于前端开发来说（尤其是调试代码）非常方便，
并且有丰富的插件市场，包括很多前端框架的调试插件。

用 Brew 安装 Chrome：brew cask install google-chrome

Chrome 界面设计

• Redesigning Chrome Desktop: The value of a pixel (opens new window)
• Unboxing Chrome: Redesigning the omnibox (opens new window)

浏览器的知识

浏览器基本调试技巧

• 在 Chrome DevTools 中调试 JavaScript 入门 (opens new window)
• Performance Analysis Reference (opens new window)

浏览器原理

• 当···时发生了什么？ (opens new window)
• 浏览器输入 URL 后发生了什么？ (opens new window)
• Navigation Timing Level 2 (opens new window)

• 浏览器的工作原理：新式网络浏览器幕后揭秘 (opens new window)

• [译] 现代浏览器内部揭秘（第一部分） (opens new window)
• [译] 现代浏览器内部揭秘（第二部分） (opens new window)
• [译] 现代浏览器内部揭秘（第三部分） (opens new window)
• [译] 现代浏览器内部揭秘（第四部分） (opens new window)

设置 Chrome

浏览器设置

• 确认搜索引擎设置为 Google （或 bing、DuckDuckGo，反正不要用百度）
• 开启账号同步

插件

我用的一些重要插件：

私人

• Google Keep (opens new window)：笔记速写工具
• LastPass (opens new window)：密码管理工具
• Adblock Plus (opens new window)：广告屏蔽
• Momentum (opens new window)：个性化新标签页
• PocketTube: Youtube Subscription Manager (opens new window)：YouTube 订阅管理器

干活

• 杂项
  • Proxy SwitchyOmega (opens new window)：Proxy 管理工具
  • Workona (opens new window)：工作区管理器（增强的标签管理器）
  • Tab Manager Plus for Chrome (opens new window)：标签管理器
  • Tampermonkey (opens new window)：脚本扩展平台
  • Stylus (opens new window)：网站样式扩展平台
• 英语
  • 沙拉查词-聚合词典划词翻译 (opens new window)：划词翻译（参考 英语 训练指南）
  • Grammarly for Chrome (opens new window)：英语语法检查助手
• 增强
  • Video Speed Controller (opens new window)：视频快捷键（参考 用快捷键控制视频播放）
  • User JavaScript and CSS (opens new window)：自定义脚本和样式注入
  • JSON Viewer (opens new window)：JSON 格式化查看器
• Github
  • Enhanced Github (opens new window)：GitHub 功能增强
  • Isometric Contributions (opens new window)：GitHub 提交活动 3D 化
  • Octotree (opens new window)：Repo 侧边栏文件树
• 开发
  • Console Importer (opens new window)：在控制台安装 npm 包
  • React Developer Tools (opens new window)：React DevTools
  • Redux DevTools (opens new window)：Redux DevTools
  • Vue.js devtools (opens new window)：Vue DevTools
  • MobX Developer Tools (opens new window)：MobX DevTools