AI编程最近很火,大瑜上一期的claudeCode+国产模型的训练营,普通人也能用AI编程开发工具了。
昨天大瑜写了如何用AI开发个人网站。
今天大瑜介绍新手应该如何用AI编程开发浏览器插件。
浏览器插件介绍
很多人觉得浏览器插件“很技术”,其实不复杂,你可以这样理解:
就是在你打开网页的时候,额外帮你完成一些事情。
譬如:
1、打开网站,帮你自动将英文网站翻译成中文
2、打开老旧系统,可以帮你在页面增加新的按钮、新的功能,优化操作流程等。
总结下来就是这三件事情:
1、获取当前网页的信息。
2、给网站增加额外功能,加一个下载功能,加一个按钮复制功能,都是分分钟的事情。
3、识别你的网站表格、文本等内容。
商业价值
而且对普通人来说,浏览器插件是一个很适合练手的小项目。只要解决一小类问题就有人用。
之前大瑜做的去水印的浏览器插件,就有2000多人下载
也帮一个公司做过旧系统增强插件,他们原来的业务系统太老了,根本不好改,但又希望在页面上增加一些快捷功能,大瑜通过一个插件完美解决,也带来几百元收益。
大家可以打开google应用市场,会发现有很多浏览器插件。

如何用AI编程开发浏览器插件
用AI编程开发浏览器其实很简单, 咱们使用的工具还是claudeCode+国产模型。
第一步:新建一个文件夹。
第二步:输入你的需求。
建议这样:
我需要完成一个google浏览器插件,
需要实现功能:
1、2、3、
注意事项:
1、使用google最新的v3版本
2、如果不能帮我生成图标,就不要生成插件icon图标
3、生成完毕,务必保证可以运行。
第三步:打开浏览器安装插件
点击浏览器右上角:“扩展程序”图标,打开扩展程序。

右侧打开“开发者模式”

点击“加载未打包的扩展程序”,选择你刚才的文件夹即可。

建议新手做下面的插件练手
1、图片批量提取插件
2、文案一键复制插件
3、表格数据导出插件
4、大模型一键总结插件,可能要调用deepseek。
踩坑指南:
1、manifest 版本写错 ,记得告诉AI,用V3版本
2、图标路径报错。
很多时候,AI会生成无法打开的icon,所以新手建议刚开始就说明:不要生成icon。
3、权限没有配置,很多时候获取网站内容需要权限。
解决办法:将错误发给AI去解决。
4、插件修改不生效
进入扩展程序,点击刷新按钮,解决。

写在后面的话
这就是大瑜开发浏览器插件的经验,对新手特别实用。当然,想要连接大瑜,可以关注我。
夜雨聆风