chrome extension 系列

2024年了，前端工程化早已不是新鲜事，我们可以使用框架来进行扩展的开发，引入 vue / react 来写界面，使用 webpack / vite 来进行代码打包与开发，这都不是事。

上面说到了popup、content、background这几个概念，我们可以发现，这几个模块看起来都是相互独立的，但我们会有模块间通信的需求。

在chrome extension中，除了我们可以直接接触到的popup和side panel以外，还有后台运行的环境，一些较为敏感的能力只有在background中才能使用。

点击扩展程序按钮，将会有弹出的页面显示：这就是扩展的popup。 我们也可以右键点击弹出的元素进行检查，即我们平时常使用的 F12。

在 2024 年，谷歌浏览器将彻底弃用 manifest V2 的扩展程序，因此后续文章中我们都将以 manifest V3 来进行讲解。

通过阅读官方的文档，我们可以知道在 chrome extension 开发中，一个扩展程序是由不同角色的组件组成的。我们可以将其罗列如下……

带你了解什么是浏览器插件：在谷歌浏览器或谷歌内核的浏览器里，提供了扩展的方式来扩充浏览器的功能与体验。 官方的说法是：Chrome 扩展程序可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。