在谷歌浏览器或谷歌内核的浏览器里，提供了扩展的方式来扩充浏览器的功能与体验。
官方的说法是：Chrome 扩展程序可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。
打开 chrome://extensions，我们平时常见的扩展有：
- AdBlock
- 沉浸式翻译
- 油猴
- Vue.js devtools / React Developer Tools
- 身份验证器
- ModHeader
- ...
我们可以对上面列出的扩展进行一个总结，来看看它们做了什么，从而去了解扩展可以发挥什么样的作用。
简单地来说，我们可以将它们从功能角度进行归类：
-
介入网站页面
- AdBlock：通过DOM移除的方式，清除了页面上的广告
- 沉浸式翻译：将页面上的英文翻译成中文
-
提供额外功能
- 身份验证器：点击扩展会展开一个弹窗，提供复制与添加谷歌码的功能
- Vue.js devtools / React Developer Tools：在 devtools 里提供新的 tab 页，用于在开发过程中调试程序
-
拦截、屏蔽或修改网络请求
- ModHeader：修改网络请求的请求头或重定向
在归类完以后，可以看到扩展能做的事情还是很全面的，它提供了介入网站页面的能力，同时也可以使用平时常见的web技术构建用户界面提供额外的功能，除此之外，还提供了一些较为底层的能力去控制网络。
官方文档：能做的事情developer.chrome.com/docs/extens...
笔者注：得益于 GPT 技术的快速发展，目前谷歌相关的开发者文档都通过 GPT 自动翻译成多种语言了，虽然有些词语还是没有特别准确，但是相较于直接阅读英文文档来说，体验上有了十分大的提升。所以建议在后续的开发过程中，我们可以多看看谷歌官方的开发者文档，这是我们可以阅读到的第一手资料。（记得需要科学上网！）