logo NodeSeekbeta

🐸 陪读蛙终于有油猴版了!—— 把陪读蛙搬进 Tampermonkey,手机端也能用!

把 Read Frog 搬进 Tampermonkey,免安装浏览器扩展,开箱即用。

Read Frog

最近把 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 ⭐。

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有65069位seeker

🎉欢迎新用户🎉