今天爆肝到深夜，我发现了这个残酷的真相。
编程小白如果跟AI说，我要做一个xxx浏览器插件。
也许AI能给你鼓捣出来，但是不一定能用。

为什么生成的代码不稳定？

先说结论：答案是缺乏规范的引导。
因为之前开发过好几个浏览器插件了，信心满满，想着今晚随手让AI给我再搓一个新的插件。
原本以为也就10分钟的事情。
没想到从搞到了半夜两点。

东西，它们确实都做出来了。

看着挺好看的，但是都出现了一个问题。（Trae的记录被我请没了，内容都一样）

就是这个问题，我和它沟通，反复改了好多次，都没改对。
说实话，要不是我之前成功开发过一个，今晚真的跪在这里了。

对比了原来跑通的代码，一轮就把问题解决好了。

怎么确定规范？

我希望它能够帮我总结这次出问题的经验，提供一个可以复用的提示词。

有了这个提示词，下次写插件的时候，就甩给AI，让它基于这个规范来写代码。

一次尝试就成功的插件开发

于是我拿着这个提示词，再次发给DeepSeek，一次，就开发出来一个没有问题的浏览器插件代码。

DeepSeek一次性把代码生成出来，并且告诉我怎么把代码放进什么目录，如何导进去浏览器。
下面看看我最终的目录。

图标的坑

眼尖的同学，可能会发现，目录里面仅仅多了一个icon16.png图片文件。不是说要很多个分辨率吗？
是的，我觉得太麻烦，所以改成只要一个了。

这里有个坑需要注意下，因为浏览器插件的图标，要求的像素不是很大。
我的图标是用即梦生成的，分辨率非常高，2656 x 2656

所以我们需要进行压缩。

我使用的是自己开发的压缩工具，感兴趣的同学可以尝试下：
https://opentoolkit.online/image-tools/img-resize.html
有能力的同学也可以自己开发一个，很简单的。

怎么导入浏览器

1. 举例：Edge浏览器（谷歌也差不多的方法）

直接访问：edge://extensions/
然后点击【加载解压缩的扩展】
在弹出的窗口中，选择我们的插件文件夹。
重点注意：插件的路径不要有中文名，容易出问题。

加载成功后，就可以看到扩展下有这个插件了。

总结一下整个开发到安装的过程

1. 1. 提示词发给AI，让它生成代码文件
2. 2. 电脑找个地方新建一个文件夹（英文名），文件路径也不要有中文。
3. 3. 把代码文件下载下来并且重命名（有这个坑，下载的名字和它告诉你的不一致，需要自己改名），放到新建的文件夹下。

1. 4. 生成icon图片
2. 5. 压缩icon图片，放到插件文件夹里面
3. 6. 加载插件文件夹到浏览器中
4. 7. 加载成功，点击扩展图标找到插件进行使用

以上，就是今晚踩坑和解决的过程。
欢迎找我：

• • 获取浏览器插件开发规范提示词
• • 咨询浏览器插件开发过程遇到问题
• • 交流AI编程经验

微信号：ThinkFun666

不懂编程的小白，如何入门AI编程和商业化？

如何系统地掌握这些方法？如何找到有价值的商业化方向？如何在遇到瓶颈时获得启发和帮助？

如果你也对AI编程充满热情，渴望用AI创造出属于自己的应用并探索商业化机会；如果你想提升在AI时代的核心竞争力，让AI成为你事业的加速器。

那么，我非常推荐你加入“AI编程复利商业化星球”！

让我们一起，用AI编程，不仅创造工具，更创造价值，实现个人和商业上的持续“进化”与“复利”！