乐于分享
好东西不私藏

新手应该如何用AI编程开发浏览器插件

新手应该如何用AI编程开发浏览器插件

AI编程最近很火,大瑜上一期的claudeCode+国产模型的训练营,普通人也能用AI编程开发工具了。

昨天大瑜写了如何用AI开发个人网站。

新手应该如何用AI编程开发个人网站!

新手应该如何用AI工具开发小程序?

今天大瑜介绍新手应该如何用AI编程开发浏览器插件。

浏览器插件介绍

很多人觉得浏览器插件“很技术”,其实不复杂,你可以这样理解:

就是在你打开网页的时候,额外帮你完成一些事情。

譬如:

1、打开网站,帮你自动将英文网站翻译成中文

2、打开老旧系统,可以帮你在页面增加新的按钮、新的功能,优化操作流程等。

总结下来就是这三件事情:

1、获取当前网页的信息。

2、给网站增加额外功能,加一个下载功能,加一个按钮复制功能,都是分分钟的事情。

3、识别你的网站表格、文本等内容。

商业价值

而且对普通人来说,浏览器插件是一个很适合练手的小项目。只要解决一小类问题就有人用。

之前大瑜做的去水印的浏览器插件,就有2000多人下载

也帮一个公司做过旧系统增强插件,他们原来的业务系统太老了,根本不好改,但又希望在页面上增加一些快捷功能,大瑜通过一个插件完美解决,也带来几百元收益。

大家可以打开google应用市场,会发现有很多浏览器插件。

如何用AI编程开发浏览器插件

用AI编程开发浏览器其实很简单, 咱们使用的工具还是claudeCode+国产模型。

很多小伙伴不知道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、插件修改不生效

进入扩展程序,点击刷新按钮,解决。

写在后面的话

这就是大瑜开发浏览器插件的经验,对新手特别实用。当然,想要连接大瑜,可以关注我。

历史文章记录:
AI编程小白想快速做产品,别急着写代码,先学会这4步!
用AI编程做项目后,我熬到凌晨2点,终于明白这几点!
很多小伙伴不知道claudeCode还可以接入国产模型!