本文首发于我的微信公众号「效率工具指南」，欢迎移步关注
文/彭宏豪

Hello 各位好，这里是效率工具指南。
我是小豪。

两年之前，我在公众号上介绍过我写的一个油猴脚本，可免费提取微信公众号文章的封面。

之所以强调「免费」，是有些软件挺不要脸的，把这个功能做成了会员专属的权益。

不过我写的这个油猴脚本，虽然能用，但实际用起来有点别扭：它无法控制脚本运行的时机，因此每次在 Chrome 浏览器打开公号文章的链接时，它都会自动执行提取封面的操作，我有时都觉得烦……不得不把它暂时关掉。

碰到这个问题的时候，其实我也想到了一个对策：那就是把它以「浏览器插件」的形式提供，同时加多一个控制按钮，只在人们需要的时候运行提取封面的操作。

可无奈，我不会写代码，为此我还买了网易云课堂上的一个开发课程，就像很多人说的，「买了就相当于会了」，确实是这样，那课程已经吃灰好久，但代码却是一行也不会写。

不过最近听阿禅老师（公众号：可能吧）作客一档播客录制的节目《一年，用 ChatGPT，阿禅从离职躺平到登上 GitHub 全球热榜》，听到他用 AI 开发了好几款产品，同时分享了用 AI 的心得，更具体的心得可看他公众号发布的一篇文章：《那么，我是如何使用 ChatGPT 的？》。

我想这都可以？那我 long long ago 想写的浏览器插件，对 AI 来说不是更小儿科？

浏览器插件

经过累计不到 3 个小时，实际上是用下班后 2 个晚上的间隙，在 GPT-4o 的帮助下，我写出了自己想要的浏览器插件——**提取公众号文章封面(WeChat Cover Extractor)**。

小声说一下，连插件的英文名，都是 AI 帮我起的。

这款插件的功能非常简单，甚至可以说简陋，在浏览器打开任意一篇公众号文章的情况下，点击右上角的插件图标，会弹出一个浮窗，点击浮窗仅有的按钮 Extract cover image，就会自动打开一个新的标签页，展示提取到的公众号封面，右击图片即可保存封面。

如何下载浏览器插件「提取公众号文章封面」？

我没有把这个浏览器插件「提取公众号文章封面」上架到 Chrome 或者 Edge 的插件商店，想使用这个插件的朋友，可以关注我的微信公众号「效率工具指南」，关注后在后台回复「提取封面」，获取浏览器插件的下载链接。

如何安装这个插件？

将插件安装包下载到本地后，我们需要用到的，只有下图👇👇这个文件夹。

点击 Chrome 浏览器右上角的 更多，点击「扩展程序 > 管理扩展程序」，打开插件管理页面。

启用右上角的「开发者模式」，接着点击左侧的「加载已解压的扩展程序」，找到前面提到的文件夹📂并打开，以开发者模式安装插件，就能在下方看到刚添加的「提取公众号文章封面」插件。

还有一个小步骤，点击 Chrome 浏览器右上角的「扩展程序」图标，在面板找到刚安装的插件，点击右侧的「固定」图钉，将其固定在顶栏，这样在提取公号文章封面时会更加方便。

用 AI 开发浏览器插件遇到的一个小问题

最后简单写写，用 AI 开发插件遇到的一个小问题——AI 给出的配置下图的插件图标代码不起作用。

AI 最先给出的代码如下：

就存在的问题追问 AI，但它给出的回答也没能解决我的问题……最后我是通过下载别人的插件安装包，打开源代码来对比研究解决的，可能 AI 觉得，前面 99% 的路都给我铺好了，最后的临门一脚要我自己来？

更正后的 manifest.json 代码，插件图标就正常显示了：

顺着这个，我让 AI 对比修改前后的代码，让它再找找导致这个问题的原因哈哈哈哈。开发者们，来看看它说得对吗？这是作用域的问题？

扫码加入我在知识星球上创建的社群「效率工具指南」

码字不易，如果你觉得本文帮到了你，想支持我做得更好，欢迎戳下方图片，加入我在知识星球上创建的社群。

关于社群「效率工具指南」的介绍，可以查看我在语雀文档上发布的文档：知识星球「效率工具指南」简介

欢迎关注

以上，就是本次想和你分享的内容，希望能够对你有一点帮助。

订阅我在竹白上创建的 Newsletter

如果对你有帮助的话，别忘了点击下方的链接，订阅我的 Newsletter，之后发布了新的内容，就能第一时间收到通知啦～

👉在竹白上订阅效率工具指南