【AI+编程】0基础用cursor写一款浏览器页面总结插件

现在各种AI大模型都开发了浏览器插件， 现在我们有了AI辅助， 0基础小白也能写一款浏览器页面AI总结插件。 这里我AI编程以cursor 为例， 模型以GLM-4-Flash 举例

先看实现效果

点击打开

我们怎么实现这个功能， 差不多5分钟左右时间搞定

如果没用过cursor， 可以到官网下载 （https://www.cursor.com/）, 下载系统对应版本。

安装好cursor编辑器， commond + L 快捷键打开对话窗口。

Q： 给我生成google浏览器插件， 能够总结当前页面。插件悬浮页面左下角，使用glm-4-flash 模型

A：

这时候你可能会想， 这个目录结构难道需要手敲， no， no， 继续问。

Q: 帮我生成生成上述文件的命令

生成的bash比较长， 我习惯于 新建一个文件比如 test.sh 脚本，拷贝进去。

touch summary.sh

vi summary.sh 编辑把文件拷贝进去

chmod 775 summary.sh

执行完毕， 项目工程就生成好了

在使用扩展之前，需要在 content.js 中替换 YOUR_GLM_API_ENDPOINT 和 YOUR_API_KEY。

比如GLM-4-Flash ，

API_ENDPOINT = 'https://open.bigmodel.cn/api/paas/v4/chat/completions';

API_KEY直接上智谱开放平台注册就有：

https://www.bigmodel.cn/invite?icode=aSqC8mn3g0IOIO67iRoqNJmwcr074zMJTpgMb8zZZvg%3D

在浏览器中加载已解压的扩展程序加载 就可以了

是不是很简单， 整个过程不超过5分钟。一款简单的 浏览器AI总结插件就有了。

需要注意的是， 这个api_key 放在浏览器端，本身不安全， 你本地玩玩可以。 如果你想开发 浏览器插件 给其他人使用， 可以通过你的后端服务接口， 服务端中转 AI大模型返回的内容。

你也可以把GLM-4-Flash 换成 chatGPT 或 Claude 等其他模型。思路本质上一样。