分享一款基于 AI 的 Chrome 插件

最近使用大模型比较多,公司虽然提供了免费的 ChatGPT 但是需要跳转特定页面才能访问,比较麻烦,于是就想到是否可以开发一款类似于有道词典一样的 Chrome 插件,可以在任意页面使用,虽然市面上也有类似的插件,但是冗余功能太多,还有很多限制, 交互也不太方便,由于奔着自己动手丰衣足食的原则便手撸了一个插件 AI Chat,感兴趣的可以尝试下。

插件的 manifest.json 如下:

在 popup.html 中存储配置项,比如 token,菜单配置等,通过 service-worker.js 传递给 content_scripts,都是一些插件开发的基础知识,这里不过多介绍。

大致效果如下:

选择页面任意文字,会出现 AI Google 翻译 三种选择,根据情况任选一个点击即可,也可以通过右键菜单搜索。

由于市面上大部分的大模型都需要自建服务器,所以插件进行了阉割,仅支持讯飞星火,使用方法如下:

  1. 到 Chrome 商店安装
    https://chromewebstore.google.com/detail/ai-chat/donidoaanpnlhobaiinleiedeannlmhd

  2. 到讯飞开发平台(https://console.xfyun.cn/services/bm3)获取 V3 版本 APPID,API_KEY, API_SECRET,如下图:

    目前默认最新的 V3 版本,注册后会免费送 200 万 token,基本够用,个人使用起来和 ChatGPT3.5 差别不大,可以覆盖大多数场景,首次进入需要先建立一个应用,具体参考官方文档。

  3. 以 APPID|API_SECRET|API_KEY 的格式填入,注意顺序不能乱。

相关推荐
oscar9992 分钟前
机器学习实战:多项式回归建模——从模拟数据到模型评估
人工智能·机器学习·回归
五羟基己醛6 分钟前
【半小时入门深度学习】从零开始的Pytorch入门指南
人工智能·深度学习
喜欢吃豆6 分钟前
企业级 AI 系统分层存储架构深度研究报告
人工智能·架构·大模型·2025博客之星
北京地铁1号线8 分钟前
BERT(Bidirectional Encoder Representations from Transformers)架构详解
人工智能·深度学习·bert
低调小一10 分钟前
Kotlin 2025–2026 客户端开发路线:语言升级 × 跨端落地 × AI Agent 入门
开发语言·人工智能·kotlin
大阳光男孩11 分钟前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
wy31362282113 分钟前
C#——意框架(结构说明)
前端·javascript·c#
研☆香20 分钟前
JS中的三种显示弹窗
开发语言·前端·javascript
俩毛豆21 分钟前
HarmonyOS APP开发-一文讲清使用Web组件加载网页的三种方法-《精通HarmonyOS NEXT :鸿蒙App开发入门与项目化实战》读者福利
前端·华为·harmonyos
ThinkPet24 分钟前
【AI】大模型知识入门扫盲以及SpringAi快速入门
java·人工智能·ai·大模型·rag·springai·mcp