找到
1
篇与
前端开发
相关的结果
-
Ai Selection Translator：一款支持 OpenAI & 硅基流动的现代化翻译脚本 开源我的第一个项目：基于 AI 大模型的沉浸式划词翻译工具 大家好，我是 Free White Dove。 今天想和大家分享我的第一个开源项目—— Ai Selection Translator (Ai划词翻译)。 这是一个运行在浏览器上的油猴脚本 (Tampermonkey UserScript)，旨在利用 OpenAI、Claude、Gemini 等大模型的能力，为网页阅读提供丝滑、精准的翻译体验。 预览图图片 为什么要写这个？ 作为一个开发者，我也经常需要阅读各种英文文档。市面上的划词翻译工具虽然多，但总有两个痛点让我很难受： 翻译质量堪忧：传统机翻（如 Google 翻译）在处理长难句或技术文档时，语序经常“不说人话”。而 AI 大模型的翻译质量已经产生了质的飞跃，但集成 AI 的浏览器插件往往收费昂贵或者臃肿。 UI 设计太“硬核”：很多油猴脚本虽然功能强大，但界面设计往往停留在 Windows 98 时代（俗称“工程师审美”）。巨大的弹窗、生硬的边框、遮挡视线的悬浮球……这些都破坏了阅读的沉浸感。 所以我决定：自己动手，写一个既好看又好用的。 它有什么不同？ Ai Selection Translator 的核心设计理念只有两个词：纯粹 和 美观。 1. 现代化的 UI 设计 (Glassmorphism) 我抛弃了传统的弹窗样式，采用了(Glassmorphism) 效果。 视觉柔和：精心调教的阴影和圆角，配合磨砂质感，无论是深色模式还是浅色模式的网页，它都能完美融入。 极简交互：没有常驻屏幕的悬浮球。只有当你选中文字并松开鼠标时，翻译图标才会浮现；点击空白处，面板自动消失。 2. 多模型接口支持 为了兼顾国内外的网络环境和使用习惯，脚本支持多种 API 配置： OpenAI / Claude / Gemini：支持国际主流模型。 硅基流动 (SiliconFlow)：特别适配了国内的优质服务商，连接速度快且稳定。 3. 防废话 大家用 AI 翻译时可能遇到过 AI 突然开始“解释”或者“闲聊”。 我在脚本中内置了一套严格的 System Prompt，强制 AI 闭嘴干活，只输出纯粹的译文。这不仅提升了阅读效率，还能帮你节省 Token。 如何使用？ 使用非常简单，不需要安装几百 MB 的插件，只需要一个几十 KB 的脚本文件。 确保你的浏览器安装了 Tampermonkey 扩展。 前往我的 GitHub 仓库，或者直接点击下方链接安装： 👉 GitHub 项目主页 👉 直接安装脚本 安装后，点击浏览器右上角的油猴图标，选择「⚙️ 配置后台」，填入你的 API Key 即可开始使用。 最后 这是我发布的第一个开源项目，虽然它只是一个小小的脚本，但在开发过程中我对前端交互细节和 Prompt Engineering 有了更深的理解。 如果你在使用过程中遇到任何问题，或者有更好的建议，欢迎在 GitHub Issues 中告诉我，或者给项目点一个 ⭐️ Star，这对我是莫大的鼓励！
