把 Read Frog 搬进 Tampermonkey,免安装浏览器扩展,开箱即用。
最近把 Read Frog(陪读蛙) 移植成了 Tampermonkey 油猴脚本,现在终于可以发布了。
整个项目最开始其实只是想解决一个很简单的问题:沉浸式翻译过于商业化太恶心了,但手机端没有替代品——陪读蛙只有浏览器插件,手机上Via用不了。
于是我尝试把整个扩展完整移植到油猴环境,尽可能保留原版体验,包括悬浮球、设置页面、翻译流程等。
相比原版做了什么?
- 🐵 完整移植为 Tampermonkey 用户脚本
- 📦 无需安装浏览器扩展,安装脚本即可使用
- 🌍 支持 Chrome、Edge、Firefox、Via 等支持油猴脚本的浏览器
- ⚙️ 保留独立设置面板与沉浸式阅读体验
- 📱手机端特别适配
- ☁️ 新增 WebDAV 配置同步
原版提供 Google Drive 同步,但需要配置官方 Client ID等环境变量,很明显我拿不到,所以我额外实现了 WebDAV 同步,使用起来也更自由,可以连接自建服务、NAS 或其他支持 WebDAV 的平台。
如果仍然需要 Google Drive 同步,也可以 Fork 项目,配置相关环境变量后自行编译。
一点开发过程
这次开发过程挺有意思。
因为当时人在外地,没有电脑,我全程只能在云端Work开发。
最开始尝试使用 ChatGPT Work,但它的虚拟机环境无法正常连接 GitHub 和 npm。于是只能先让 Work 写好代码并打包,再由我手动把文件传到 Trae Work 里编译,最后安装到手机上的 Via 浏览器中进行测试。
整个流程基本变成了:
写代码 → 打包 → 手动传文件 → 编译 → 安装到手机 → 测试 → 再修改
这种方式效率并不高,一个很小的改动也要完整走一遍流程,而且实际效果始终不太理想。
后来正好遇到 Claude Max 20× 的bug号,我就尝试使用 Opus 5 重头开发,结果第一次开发就基本完成了整个扩展到油猴脚本的大体移植,不得不感叹A➗在这coding这块没得说。
后续主要就是不断精细化,前前后后踩了不少坑,总算把它打磨到了一个可以正式发布的状态。
项目地址
GitHub:
https://github.com/rong6/read-frog
快捷安装:
https://rong6.github.io/read-frog/read-frog.user.js
设置:
https://rong6.github.io/read-frog
欢迎体验,也欢迎提交 Issue、PR 或 Star ⭐。
支持
帮顶,最好用的翻译产品
不错,正好需要
bd 可以
太好了 咱们有了
666
感谢,手机能用上了
感谢分享