Work Buddy
TRAE
实例分享，用 AI 开发一个实用的浏览器插件。例子的功能很简单：让浏览器拥有一键下载当前网页中的正文和图片的功能。首先，浏览器插件（Extension）可以理解为浏览器的“扩展能力”，像网页翻译、广告拦截、密码管理、网页截图等功能，本质上都是通过插件实现的。对于 AI 编程入门来说，插件开发门槛低、开发周期短，不需要复杂的开发环境，非常适合作为第一个 AI 编程项目。第一步：告诉 AI 你的需求直接把需求描述给 AI 编程工具即可，例如：> 写一个浏览器插件，一键下载当前网页正文中的图片和文字。图片按“图片_序号”命名，导出的文本中图片位置用【图片_序号】代替。AI 会自动生成插件所需的代码文件。对于初学者，更推荐使用 WorkBuddy、Trae等专业 AI 编程工具。相比通用聊天 AI，它们不仅能够生成代码，还会自动整理项目结构、创建所需文件，并提供项目说明，整个开发过程更加省心。第二步：安装插件AI 完成代码生成后，将软件包安装到 Chrome 浏览器即可。1. 打开 Chrome，在地址栏输入 **chrome://extensions/**。2. 打开右上角**开发者模式**。3. 点击**加载已解压的扩展程序**。4. 选择 AI 生成的插件文件夹，完成安装。安装成功后，就可以在浏览器扩展列表中看到自己开发的插件。第三步：调试与使用打开任意包含图片的网页，点击浏览器右上角的插件图标，输入保存文件夹名称，依次点击**扫描内容**和**开始下载**，插件便会自动下载网页中的图片和正文。如果功能没有达到预期，也不用自己修改代码。可以直接把遇到的问题，或者 Chrome 扩展页面中的报错信息，一起发送给 AI，让它继续修改代码。AI 完成修复后，在扩展管理页面点击**重新加载**插件，再次测试即可。效果：当插件正常运行后，只需点击**扫描内容**，即可统计网页中的图片和正文；点击**开始下载**，图片和文本便会自动保存到指定文件夹。这个案例只是一个简单示例。借助 AI，你还可以开发网页批量下载、内容提取、自动填写表单、网页翻译等各种浏览器插件。过去需要程序员才能完成的功能，现在只要描述清楚需求，AI 就能够帮助我们快速实现。
发布于 江苏
5
3
2
未登录
友善发言
评论
加载中
