如何在米侠浏览器中通过脚本实现网页内容的一键翻译?

老枫大大_2025

老枫大大_2025

2026-06-20

331人浏览

原创

在米侠浏览器中实现网页一键翻译需先安装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")`)

仿UC浏览器官方网站全屏jQuery幻灯片
仿UC浏览器官方网站全屏jQuery幻灯片

仿UC浏览器官方网站全屏jQuery幻灯片

下载

方法二:切换为米侠内置翻译(仅限部分版本)
将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)获取主文本容器。

第二步:插入译文区块
在原文节点后插入

,并将fetch返回的译文写入其innerText。

第三步:添加样式微调
在脚本开头的style标签中追加#mt-trans-result{font-size:15px;line-height:1.6;},确保译文可读性与原文风格协调,不破坏原有排版流。

这一步操作起来很简单,直接把三段代码按顺序粘贴进脚本编辑区即可生效,无需重启浏览器。

相关专题

更多
FrankenPHP集成Laravel详细教程
FrankenPHP集成Laravel详细教程

本专题提供FrankenPHP集成Laravel的详细配置指南,全面解析运行原理、开发环境搭建、Caddyfile配置、Octane工作模式、数据库连接、队列任务、定时任务和生产环境优化,解决部署过程中常见的报错与兼容性问题。

2026.10.08

0

20

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

120

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

100

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

80

12

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

2026.09.30

80

26

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

2026.09.29

100

15

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

2026.09.23

300

15

Buffalo框架路由与请求处理实操指南
Buffalo框架路由与请求处理实操指南

本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

2026.09.23

180

15

Buffalo框架零基础入门教程
Buffalo框架零基础入门教程

本专题整理Buffalo框架入门内容,涵盖Go环境准备、buffalo CLI安装、新项目生成、目录结构说明、dev热加载启动、数据库连接配置与常见报错排查,帮助新手按约定优于配置的思路跑通第一个Buffalo框架应用。

2026.09.23

140

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程