关于 Chrome

Chrome 简介

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

Download

• https://www.google.com/chrome/
• 用 Brew 安装 Chrome：brew cask install google-chrome

Chrome 界面设计

• Redesigning Chrome Desktop: The value of a pixel
• Unboxing Chrome: Redesigning the omnibox

浏览器的知识

浏览器基本调试技巧

• 在 Chrome DevTools 中调试 JavaScript 入门
• Performance Analysis Reference

浏览器原理

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

• 浏览器的工作原理：新式网络浏览器幕后揭秘

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

设置 Chrome

浏览器设置

• 确认搜索引擎设置为 Google (反正不要用百度)
• 开启账号同步

插件

我用的一些重要插件：

私人

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

干活

• 杂项
  • Tampermonkey：脚本扩展平台
• 英语
  • Trancy 语言学习双语字幕&网页沉浸翻译
  • DeepL：人工智能翻译器和写作助手
  • Grammarly for Chrome：英语语法检查助手
• 增强
  • User JavaScript and CSS：自定义脚本和样式注入
  • JSON Viewer：JSON 格式化查看器
• Github
  • Material Icons for GitHub：GitHub 网站文件浏览器的 Material 图标
• 开发
  • Console Importer：在控制台安装 npm 包
  • React Developer Tools：React DevTools
  • Redux DevTools：Redux DevTools
  • Vue.js devtools：Vue DevTools
  • MobX Developer Tools：MobX DevTools
  • Wappalyzer：Technology profiler
• Wallet
  • Keplr
  • MetaMask
  • Station Wallet