发布于2026-07-17 阅读(0)
扫一扫,手机访问
米侠浏览器想实现网页自动翻译,其实不用装什么第三方插件,自己写个脚本注入进去就行。核心思路就两步:写一段调用 Google 翻译接口的脚本,再配一个 content_scripts 的 manifest.json 文件,让浏览器在页面加载时自动执行翻译逻辑。或者,你也可以让它只翻译你鼠标选中的那部分文字——看个人习惯。

可能有人会问:网上不是有现成的翻译插件吗?但那些插件要么需要手动点按钮,要么有广告或权限问题。自己写脚本的好处是——干净、可控、想怎么改就怎么改。而且米侠浏览器基于 Chromium,支持通过加载未打包的扩展来注入自定义脚本,门槛并不高,哪怕你只写过几行 Ja vaScript 也能搞定。
新建一个文本文件,命名为 auto-translate.js,用记事本或 VS Code 打开,粘贴以下内容:
const translateText = (text) => {
if (!text || text.length > 5000) return '';
return fetch('https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=zh&dt=t&q=' + encodeURIComponent(text))
.then(res => res.json())
.then(data => data[0]?.[0]?.[0] || '')
.catch(() => '');
};
这里用到的 fetch 请求调用的是 Google 免费的公开翻译接口,不需要 API 密钥,但有一个硬条件:【必须确保当前网络能访问 translate.googleapis.com】,否则脚本会静默失败,连个错误提示都不给。如果你的网络环境受限,可以考虑换个接口,或者挂个袋里——不过那就超出本文范围了。
在米侠浏览器地址栏输入:chrome://extensions → 回车进入扩展管理页。
开启右上角「开发者模式」开关 → 点击「加载已解压的扩展程序」→ 选择刚才保存 auto-translate.js 的整个文件夹(注意是文件夹,不是单文件)。
这个文件夹里必须有一个 manifest.json 文件,内容如下:
{
"manifest_version": 3,
"name": "网页自动翻译",
"version": "1.0",
"content_scripts": [{
"matches": ["
"js": ["auto-translate.js"],
"run_at": "document_idle"
}]
}
这里 matches 写的是 ,表示对所有网页生效。如果你想只对特定网站生效,可以改成具体域名,比如 https://en.wikipedia.org/*。
脚本写好了,但什么时候触发翻译呢?两种主流做法:
方法一:页面加载后自动翻译整个正文
在 auto-translate.js 末尾追加:
setTimeout(async () => {
const bodyText = document.body.innerText;
const zh = await translateText(bodyText);
if (zh) document.body.innerHTML = `
}, 2000);
延迟 2 秒是为了等页面内容渲染完成。注意,这里直接把整个 body 替换成翻译后的文本,原始页面结构会丢失,一些动态加载的内容可能不会被翻译。如果你需要保留原有样式,可以改用更精细的 DOM 遍历方式,但那就复杂多了。
方法二:仅翻译当前选中的文本(更轻量)
替换上面那段为:
document.addEventListener('mouseup', async () => {
const sel = window.getSelection();
if (sel.toString().length > 2 && sel.toString().length < 500) {
const zh = await translateText(sel.toString());
if (zh) alert(zh);
});
两种方法只能保留一种,删掉另一段,否则会冲突。推荐新手先用方法二测试,因为它不会破坏页面,翻译结果直接用 alert 弹窗显示,方便调试。
第一步:回到 chrome://extensions 页面,找到刚安装的「网页自动翻译」扩展,确保右侧开关是蓝色开启状态。
第二步:打开一个英文网页(如 https://en.wikipedia.org/wiki/Ja vaScript),等待 2 秒后页面应被替换成中文内容。如果是方法二,选中一段文字再松开鼠标,就会弹窗显示翻译结果。
第三步:若页面空白或无反应,按 F12 打开开发者工具 → 切换到「Console」标签页 → 查看是否有 net::ERR_CONNECTION_REFUSED 类报错,有则说明网络无法触达 Google 翻译接口。
另外提醒一下:如果页面内容很多,一次性翻译整个正文可能会超时或导致浏览器卡顿。Google 接口对单次请求的字符数有限制(超过 5000 字符会被截断),所以方法二更适合日常使用——只翻译你关心的那一小段,既快又省资源。
下一篇:万能无线网卡驱动哪款好用
售后无忧
立即购买>office旗舰店
售后无忧
立即购买>office旗舰店
售后无忧
立即购买>office旗舰店
售后无忧
立即购买>office旗舰店
正版软件
正版软件
正版软件
正版软件
正版软件
1
2
3
4
5
6
7
8
9