如何在米侠浏览器中用脚本实现网页自动翻译功能

米侠浏览器可通过自建扩展实现网页自动翻译：需编写auto-translate.js调用Google翻译接口，并配置含content_scripts的manifest.json，注入后支持页面加载自动翻译或鼠标选中触发翻译。

想让米侠浏览器打开任意网页时自动翻译成中文，又不想依赖谷歌翻译插件或手动点击翻译按钮，需要自己写一段脚本注入页面执行翻译逻辑。

准备翻译脚本代码

新建一个文本文件，命名为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的整个文件夹（不是只选js文件）。

注意：该文件夹内必须包含一个manifest.json文件，内容如下：

{
"manifest_version": 3,
"name": "网页自动翻译",
"version": "1.0",
"content_scripts": [{
"matches": [""],
"js": ["auto-translate.js"],
"run_at": "document_idle"
}]
}

触发翻译动作

方法一：监听页面加载后自动翻译正文文本

在auto-translate.js末尾追加：

setTimeout(async () => {
const bodyText = document.body.innerText;
const zh = await translateText(bodyText);
if (zh) document.body.innerHTML = `

`;
}, 2000);

方法二：仅翻译当前选中文本（更轻量）

替换上面那段为：

document.addEventListener('mouseup', async () => {
const sel = window.getSelection();
if (sel.toString().length > 2 && sel.toString().length
const zh = await translateText(sel.toString());
if (zh) alert(zh);
});

两种方法只能保留一种，删掉另一段，否则会冲突。

启用并测试

第一步：回到chrome://extensions页面，找到刚安装的「网页自动翻译」扩展，确保右侧开关是蓝色开启状态。

第二步：打开一个英文网页（如 https://en.wikipedia.org/wiki/JavaScript），等待2秒后页面应被替换成中文内容。

第三步：若页面空白或无反应，按F12打开开发者工具 → 切换到「Console」标签页 → 查看是否有net::ERR_CONNECTION_REFUSED类报错，有则说明网络无法触达Google翻译接口。