前端大杂烩

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

2020-07-09  本文已影响0人  写写而已

Magic Translator

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

在开始之前先看看效果


插件效果

第一步

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

创建一个应用,


创建应用

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

第二步

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

创建实例

选择“文本翻译”即可

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

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

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

修改key

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

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

第三步

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


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

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

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


创建完成

自此,完满成功!

查看插件
上一篇下一篇

猜你喜欢

热点阅读