所有独立作品

独立构建 · 产品与实验

本地原型

译有余 · Yiyu

让阅读里的一个疑问,不必打断整段思路。

围绕划词翻译、侧边阅读与多模型选择的浏览器扩展原型。

我的工作
产品与交互设计 · Chrome 扩展
项目阶段
Independent build
项目类型
浏览器扩展Chrome / Translation / BYOK
产品界面预览。

翻译不必带走阅读的上下文。

这次工作留下了什么
  • 划词按钮、轻量面板与翻译工作台
  • 按站点授权、缓存与额度预留
  • 受控浏览器验证与本地扩展交付
阅读目录 · 8 个章节
01 / 译有余 · Yiyu

从选中文字的那一刻开始。

译有余把翻译放回阅读上下文,支持从选中的一段文字开始,并保留侧边面板来继续处理内容。

02 / 译有余 · Yiyu

浮层与工作台,各自承担一种深度。

01

从选择开始

把轻量划词操作与持续阅读面板分开,避免每个任务都占据相同的界面重量。

02

明确服务与权限

按站点申请权限,考虑缓存和预算,不默认在多个服务之间自动切换。

03 / 译有余 · Yiyu

免费额度和自有模型,需要不同的状态说明。

既要快速拿到翻译,也要让用户理解当前使用的服务、权限和预算边界。

04 / 译有余 · Yiyu

回到页面中的轻量翻译。

项目自身测试素材中的翻译面板。
05 / 译有余 · Yiyu

从一段选中文字,到继续阅读。

核心路径 · 依据项目资料梳理
  1. 01选中文字

    先提供轻量入口,不默认处理整张网页。

  2. 02明确权限

    按站点申请需要的访问范围。

  3. 03请求前计量

    先检查并预留额度,再发送请求。

  4. 04返回阅读

    在面板理解文本,需要时再进入完整工作台。

项目自身的受控本地测试页:划词与翻译面板。固定样本和模拟响应,不代表真实供应商质量。
06 / 译有余 · Yiyu

网络失败,为什么不一定能自动返还额度?

问题与场景处理方式取舍与依据
多个窗口并发先持久化预留,再发出请求避免同时使用同一份剩余额度
超时与不确定响应保留不确定用量,避免盲目重试远端可能已处理请求,网络错误不代表零消耗
供应商选择不自动轮换,也不默认切入付费服务把费用决策留给用户,服务商停费设置仍是最终边界
07 / 译有余 · Yiyu

本地保存与加密备份,是两种不同的承诺。

扩展内的密钥使用本地存储,不宣称静态加密;导出备份才使用加密保护。缓存按文本、语言、配置与凭据区分,避免把一次结果错误复用到另一组设置。

08 / 译有余 · Yiyu

交付与复盘

交付物

可以查看的交付

工作台与页面内翻译面板已可展示。现有截图包含项目自身受控测试素材,不是未经许可抓取的私人网页。

项目记录

已有验证记录

2026-10-19 的历史 QA 记录列出 19 项测试和 11 项浏览器检查,使用虚拟凭据与受控请求,未调用真实翻译服务。

小工具也需要可理解的边界。快,不应该以失去控制为代价。