V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
fengzheng
V2EX  ›  分享创造

一个文本框即时翻译的 Chrome 插件

  •  
  •   fengzheng ·
    huzhicheng · 2023-07-26 16:41:21 +08:00 · 2383 次点击
    这是一个创建于 492 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我的第一个发布到 Google Chrome 应用商店的插件终于审核通过了,功能比较简单,主要是为了学习一下从插件开发到应用商店发布的整个过程。

    这个插件的主要功能就是针对文本框的翻译,所以我直给了它一个名字叫做「文本框翻译插件」。

    欢迎试用啊,有问题可以直接微信和我联系。

    使用场景

    不知道你有没有碰到过这样的场景,有些国外网站只支持英文检索的,比如我常常用来找免费题图、免费 icon 的网站。

    还有 Google 出的 Chat AI 「 Google Bard 」支持很多种语言,但是不支持中文,所以在使用的时候,还要现将中文翻译为英文,然后再提问。

    还有使用 Stable Diffison 或者 Midjourney 画图,输入提示词的时候,如果你输入中文 prompt ,那出来的结果大概率会惨不忍睹,所以也需要将输入转换为英文。

    还有,现在出了很多 AI 相关的产品,但这些产品在前期的时候都有候补名单( Waitlist ),需要你自己申请,申请的时候还要填写申请理由之类的,英语不好的情况下,只能先把中文翻译成英语,然后再粘贴过来。

    除此之外,还**可以在 Google 、Google Bard 、Twitter 、微博、百度、ChatGPT 等所有输入框中使用。****

    基于以上种种的场景,开发了这个 Chrome 插件,安装好之后,不管你在什么网站,只要页面上有输入框,你都可以直接输入中文,然后直接在原地将中文翻译为你想要的目标语言,比如英文、俄语等。

    插件安装

    应用商店安装

    插件已经上线到 Chrome 应用商店,

    https://chrome.google.com/webstore/detail/%E6%96%87%E6%9C%AC%E6%A1%86%E7%BF%BB%E8%AF%91/bnfhhmjlkopegjkmhpmegfdpdmfpmbmn/related?hl=zh-CN

    离线版本:

    百度网盘: https://pan.baidu.com/s/1Ob0-mWganRnsqGvoGQVdRg?pwd=n89a

    提取码: n89a

    插件使用

    视频介绍已经放到 B 站了,有想看视频的可以到过去看。

    B 站视频介绍: https://www.bilibili.com/video/BV17g4y1A7Fe/

    也可以直接看我视频号里的视频介绍:

    1 、安装完成后,将“文本框翻译”插件钉在工具栏。

    2 、点击浏览器工具栏中此插件的图标,设置目标语言和触发标识。

    目标语言就是想要把你在文本框中输入的内容翻译成的语言,比如英语。

    自定义触发标示就是在输入的内容末尾触发翻译的表示,可以自己修改。

    3 、在输入内容的尾部输入触发标示后(即上述的自定义的触发标示),会自动触发翻译动作,将原本的内容替换为目标语言。

    在输入框输入 「你好/lang 」 ,将自动触发翻译,并将文本框的内容替换为为 "Hello"。

    记得更改设置后,要刷新网页才能生效。

    插件原理

    插件接入了 Google 翻译和微软翻译功能,首先使用 Google 翻译,如果检测到你的网络无法连接到 Google ,则使用微软翻译。所以,如果你的网络不能访问 Google ,会有至少 0.5 秒的延时。

    插件会找到目前处在激活状态下 Chrome 网页中的输入框,并实时监听,如果发现你输入了「触发翻译的标示」,比如 /lang,则自动调用翻译接口进行翻译,将翻译后的结果自动替换当前正在操作的输入框,从而完成自动翻译过程。

    欢迎试用啊,使用过程中遇到什么问题可以直接微信和我联系。

    个人博客:www.moonkite.cn

    9 条回复    2023-08-03 11:16:54 +08:00
    ourongxing
        1
    ourongxing  
       2023-07-26 19:49:39 +08:00
    沉浸式翻译已经有这个功能了
    mara1
        2
    mara1  
       2023-07-27 00:30:55 +08:00
    一楼给楼主一个暴击啊哈哈,楼主这个点子不错,不过确实沉浸式翻译也支持文本框翻译,不同点是,你这个是最后输入“/lang”触发,沉浸式翻译那边是三连击空格触发。
    haoxuexiaoyao
        3
    haoxuexiaoyao  
       2023-07-27 09:24:24 +08:00
    @ourongxing 沉浸式翻译没看到有这个啊
    haoxuexiaoyao
        4
    haoxuexiaoyao  
       2023-07-27 09:29:16 +08:00
    看到了 三次空格
    jocelyuki9
        5
    jocelyuki9  
       2023-07-27 10:41:14 +08:00
    沉浸式翻译前段时间也更新了这个功能,还挺丝滑的
    fengzheng
        6
    fengzheng  
    OP
       2023-07-27 10:41:15 +08:00
    @ourongxing 这是推特上一个大 V 提的点子,我开始做的时候沉浸式翻译还没做这个功能,等我上架审核的时候,发现沉浸式翻译已经开始在推上宣传了,但我都做了,不能浪费了不是。
    chancat
        7
    chancat  
       2023-08-02 02:33:59 +08:00 via Android
    还不错,试试看
    freepoint
        8
    freepoint  
       2023-08-02 07:47:10 +08:00 via Android
    support for a while
    showonder
        9
    showonder  
       2023-08-03 11:16:54 +08:00
    出发标识可以定义多个语言不?比如/en 目标语言是英文,加/sc 目标语言是简中
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1010 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:40 · PVG 03:40 · LAX 11:40 · JFK 14:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.