现代浏览器插件开发指南

现代浏览器插件开发指南

Apr 09 ·
5分钟阅读

最近又写了一本小书。

这本小书定价29元，你可以在 这里 购买PDF版本。如果你有特殊需求，也可以购买 Markdown + PDF版本，价格是49元（为了增加盗版成本）。

这本书篇幅不长，但因为比较小众，所以定价稍高，请读者自行斟酌购买。

这是一本关于浏览器插件开发的书。这本书面向的是那些希望开发自己的浏览器插件满足自己需求的，也许你是专业的前端程序员，或是略懂前端代码的后端人员，在AI的加持下，大概都能从中受益。

之所以想写这本书，是因为我在过去一两年开发过不少浏览器插件（如微信读书笔记同步助手 Notepal,浏览器AI助手 SumBuddy,专注插件 等等标签 等等），积累了不少经验。这几年越来越多人开始做浏览器插件，尤其是在AI时代，浏览器插件作为重要的输入入口，能做的事情越来越多。我想可以把这些经验分享出来，让更多人可以开发满足自己需求的插件。

插件开发其实不是一件很难的事，特别是现在出现了一些成熟的框架，比如 Plasmo, WXT, CRXJS 等。这些插件把代码构建、打包过程都封装得很好，开发者只需要关心插件的逻辑即可。

我自己用过Plasmo和WXT,这本书我会使用WXT进行教学。因为经过自己的长期实践，我认为WXT比Plasmo的设计更加合理，配套的工具更好用。当然每个框架有每个框架的利弊，即使你想使用其它框架，你还是能从这本书收获很多框架以外的知识，因为框架只是辅助。

另外，本书以Manifest V3为背景编写，不会讨论Manifest V2的内容。如果你不知道两者具体的区别，你也不需要知道（因为我也不知道）。简单来说V3比V2在安全性上做了更严格的控制，这一点虽然备受争议，但对于大部分的情况不会有太大的影响。

本书在涉及UI开发的部分我会使用React,这是我自己日常使用的库，对于使用Vue, Svelte等其它库的读者，也不需要担心，用什么框架并不是那么重要。并且WXT也支持不同的UI库。如果你想用其它库，翻看WXT的文档即可。

本书的实战中，我不引入任何样式库，因为会增加额外的和插件开发无关的复杂度。请读者不要计较实例的美观性。

读这本书前，我默认读者了解以下技术：

读完这本书后，读者能学习到开发一个浏览器最重要的几个知识点：

这几个知识点贯穿了所有实际场景必需的元素，我在开发自己的插件时，基本是围绕这三个基本的功能展开。至于其它更多的插件API,读者应该自己按照需求查看文档使用。

在讲解消息传递的实例中，我用AI消息流作为例子讲解，对于需要开发AI相关的浏览器插件的读者应该很有启发。

目录

一些预览

alt text
alt text
alt text
alt text
sponsor
sponsor
通过支付宝[email protected]或赞赏码赞助此文