分享一款基于 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 的格式填入,注意顺序不能乱。

相关推荐
Front思3 分钟前
electron桌面开发
前端·javascript·electron
倾一生爱恋换一世纯真3 分钟前
使用python代码生成ragas的测试文档testset.json
人工智能·python·ragas·rag测试
AI服务老曹4 分钟前
异构计算时代的架构突围:基于 Docker 的 AI 视频平台如何实现 X86/ARM 与 GPU/NPU 全兼容(源码交付)
人工智能·docker·架构
电子科技圈4 分钟前
芯科科技闪耀2026嵌入式世界展以Connected Intelligence赋能,构建边缘智能网联新生态
人工智能·嵌入式硬件·mcu·物联网·智慧城市·健康医疗·智能硬件
前端飞行手册6 分钟前
electron应用开发模板,集成多种解决方案
前端·javascript·学习·electron·前端框架·vue
Niuguangshuo8 分钟前
Wenet--离线语音识别 快速上手体验
人工智能·语音识别
AI服务老曹9 分钟前
源码级解耦:基于 Spring Boot/Vue 的 AI 视频平台二次开发指南与私有化部署实践
vue.js·人工智能·spring boot
Struart_R9 分钟前
StreamVGGT、Stream3R、InfiniteVGGT论文解读
人工智能·计算机视觉·3d·视频·多模态
ai安歌9 分钟前
学生管理系统——Django学生管理系统架构设计与实现:从零构建现代化Web应用
前端·python·django
格林威10 分钟前
工业相机图像采集处理:从 RAW 数据到 AI 可读图像,堡盟相机 C#实战代码深度解析
c++·人工智能·数码相机·opencv·算法·计算机视觉·c#