自制翻译+二维码生成开源浏览器小工具

516 阅读1分钟

Magic Translator

github.com/qiaen/magic…

这是一个基于Vue的chrome浏览器插件,提供了文本翻译和网址二维码生成工具,通过这个实践,你将知道如何开发一个浏览器插件。

在开始之前先看看效果

插件效果

第一步

打开有道智云ai.youdao.com,登陆之后,

创建一个应用,

创建应用

接入方式要选择“API”,再下一步,可以先不绑定服务

第二步

依次找到“自然语言翻译” - “翻译实例” - “创建实例”,创建后记录好自己的key和appKey

创建实例

选择“文本翻译”即可

这样你就拥有了一个翻译API,注意不要把自己的key泄漏给别人。

API文档可以参考这里做开发

网易文本翻译服务-API文档

修改key

在js/popup.js中找到两处key并修改保存。

这样,你就可以在chrome中运行自己的插件了!

第三步

打开拓展程序管理,并开启开发者模式

打开拓展管理
启用开发者模式并加载文件

选择“magic-translator”,你会看到“拓展程序”里多了Magic Translator

并且右上角也多了个可爱的小图标

创建完成

自此,完满成功!

查看插件