当前位置: 首页 > article >正文

分享一款基于 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 的格式填入,注意顺序不能乱。
    在这里插入图片描述


http://www.kler.cn/a/105699.html

相关文章:

  • 3D Gaussian Splatting 代码层理解之Part2
  • 【WPF】Prism库学习(一)
  • 数据分析24.11.13
  • MyBatis-Plus中使用JSON 类型字段
  • Nginx 使用入门介绍
  • QT QLabel双击事件
  • Ubuntu 下 VSCode Tab 间距非常小解决方案
  • 导入Embassy库进行爬虫
  • 云原生Docker数据管理
  • Mac怎么删除文件和软件?苹果电脑删除第三方软件方法
  • labelimg使用以及xml和txt转化
  • React项目中使用zustand状态管理详细教程
  • 【PointNet—论文笔记分享】
  • 为何 DevOps 会给开发人员带来压力和倦怠?
  • windows协议详解之-RPC/SMB/LDAP/LSA/SAM域控协议关系
  • close excel by keyword 根据关键字关闭 excel 窗口 xlwings 方式实现
  • C++经典面试题:内存泄露是什么?如何排查?
  • vue3中路由hash与History的设置
  • 【开源】基于SpringBoot的天然气工程业务管理系统的设计和实现
  • 使用Google的地点自动补全功能
  • BC v1.2充电规范
  • 【开源】基于SpringBoot的农村物流配送系统的设计和实现
  • 【STM32】HAL库——串口中断只接收到两个字符
  • 【Java】电子病历编辑器源码(云端SaaS服务)
  • 通过cpolar分享本地电脑上有趣的照片:部署piwigo网页
  • 【Zero to One系列】微服务Hystrix的熔断器集成