在米侠浏览器中实现网页一键翻译需先安装tampermonkey脚本管理器,再创建注入右下角浮动按钮的用户脚本,调用google翻译api或百度/内置接口,最后可优化为非弹窗译文嵌入原文dom节点后。

在米侠浏览器中为任意网页添加一键翻译功能,需借助用户脚本管理器(如Tampermonkey)注入自定义JavaScript,直接调用浏览器内置翻译API或第三方轻量接口,避免跳转、弹窗干扰,实现点击按钮即在原位置显示译文。
安装并启用Tampermonkey脚本管理器
打开米侠浏览器 → 访问Chrome应用商店镜像站或可信源下载Tampermonkey.crx文件 → 拖入浏览器扩展页启用开发者模式 → 将crx文件拖入页面完成安装 → 点击地址栏右侧拼图图标确认Tampermonkey已激活。
这一步不可跳过,米侠浏览器默认不支持用户脚本执行,【未安装Tampermonkey将无法运行后续所有翻译脚本】。
创建翻译触发按钮并注入页面
点击Tampermonkey图标 → 选择“创建新脚本” → 删除模板内容,粘贴以下代码:
// ==UserScript==
// @name 网页一键翻译(米侠版)
// @namespace http://tampermonkey.net/
// @version 1.0
// @description 在页面右下角添加浮动翻译按钮,点击后对当前选中文本或整页正文进行翻译
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const btn = document.createElement('button');
btn.textContent = '翻译';
btn.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:9999;background:#4285f4;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,0.2);';
btn.onclick = () => {
const sel = window.getSelection();
const text = sel.toString().trim() || document.body.innerText.substring(0, 2000);
if (!text) return;
fetch(`https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=zh&dt=t&q=${encodeURIComponent(text)}`)
.then(r => r.json())
.then(data => {
const trans = data[0][0][0] || '翻译失败';
alert(`译文:${trans}`);
});
};
document.body.appendChild(btn);
)();
保存脚本后刷新任意网页,右下角会出现“翻译”按钮。该脚本适配米侠内核,不依赖外部CDN,直接走Google免费翻译接口,响应快且无跨域报错。
替换为本地化翻译方案(可选)
方法一:改用百度翻译API(需申请免费AK)
将脚本中fetch那一行替换为:
fetch(`https://fanyi-api.baidu.com/api/trans/vip/translate?q=${encodeURIComponent(text)}&from=auto&to=zh&appid=YOUR_APPID&salt=123456&sign=MD5(YOUR_APPID+text+"123456"+"YOUR_SECRET")`)
方法二:切换为米侠内置翻译(仅限部分版本)
将btn.onclick函数体全部替换为:
if (typeof browser !== 'undefined' && typeof browser.i18n !== 'undefined') {
const t = browser.i18n.getMessage('translate');
alert(t ? `系统译文:${t}` : '当前版本未暴露翻译接口');
} else { alert('米侠未开放内置翻译调用'); }
注意:米侠浏览器v2.8.1+才初步暴露browser.i18n能力,旧版本调用会静默失败,【务必先检查浏览器关于页面的版本号】。
优化译文展示方式(非弹窗)
第一步:定位原文所在DOM节点
使用document.querySelector('article')或document.evaluate('//p|//div[@class="content"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)获取主文本容器。
第二步:插入译文区块
在原文节点后插入
第三步:添加样式微调
在脚本开头的style标签中追加#mt-trans-result{font-size:15px;line-height:1.6;},确保译文可读性与原文风格协调,不破坏原有排版流。
这一步操作起来很简单,直接把三段代码按顺序粘贴进脚本编辑区即可生效,无需重启浏览器。











