乐于分享
好东西不私藏

花半个小时,开发了一款本地翻译插件,现在看英文网页终于舒坦了,免费提供资料,几乎开箱即用!

花半个小时,开发了一款本地翻译插件,现在看英文网页终于舒坦了,免费提供资料,几乎开箱即用!

hi,我是小鱼儿,从事AI开发工作,希望我的分享能对你有帮助~

你是不是也这样?打开一篇英文技术文档,满眼都是生词:

  • 复制 → 打开翻译网站 → 粘贴 → 等结果 → 再复制回来
  • 一个段落翻译完,思路早就断了
  • 遇到专业术语,机器翻译还经常翻错
  • 想总结整页内容?不好意思,只能自己啃

每次都要切页面、等加载、忍受广告……时间就这么被浪费了。

特别是网页没有自动翻译功能的时候,很抓狂,市面上很多插件不好用还要付费,于是我花了1个小时,给自己写了个专属翻译插件。

现在看英文网页,复制英文 → 一键翻译,鼠标不用离开当前页面。

示例:

这个插件能做什么?

即时翻译

看到不懂的英文?划选 → 点击"翻译成为英文",译文直接显示在侧边栏,不用跳转任何页面。

智能总结

一整页英文太长不想读?点击"页面内容总结",AI帮你提炼核心要点,30秒掌握全文。

自定义API

我用的是千问aip,你可以填自己的Key。

怎么用?超简单3步

第1步:拿到插件包

我已经把插件打包好了,是一个完整的文件夹,包含:

  • manifest.json(插件配置)
  • background.js(后台逻辑)
  • sidebar.html + sidebar.css(界面)
  • sidebar.js(核心功能)

第2步:配置你的API Key

打开sidebar.js,找到这两行:

const apiKey = 'sk-你的API-Key';const url = 'https://dashscope.aliyuncs.com/...';

换成你自己的API Key和接口地址就OK了。

没有API Key?去千问或者Deepseek官网注册一个,新用户有免费额度,够用很久。

第3步:加载到浏览器

以微软浏览器为例:

1. 打开浏览器,在地址栏输入edge://extensions/
2. 打开在页面左边的"开发人员模式"
3. 点击最上方"加载解压缩的扩展"
4. 选择你的文件夹:edge-translator
然后打开启用开关,在页面扩展图标下,点击就会在右侧边栏出现,现在浏览任何英文网页,都能看到侧边栏的翻译助手了。
    几个小提醒
    1. API Key要保管好,不要公开分享你的配置文件
    2. 首次使用可能需要刷新一下页面才能看到侧边栏
    3. 如果翻译没反应,检查一下API Key是否有效、网络是否正常
    4. 插件是开源代码,懂技术的可以自己改UI、加功能
    关注回复:领取资料,便可领取源码文件(跟着教程配置就可以用了~)