2018-10-12 浏览器插件-离线英汉词典
程序员文章站
2022-05-27 22:34:26
如前文 "在浏览器插件中读取JSON资源文件" 末所述, 用浏览器插件实现了不依赖任何在线翻译服务的英汉词典. 由于词典包含77万个词条, 插件大小也达到了13+MB. 词典数据也包含很多常见短语: 源码库: "program in chinese/webextension_english_chin ......
如前文在浏览器插件中读取json资源文件末所述, 用浏览器插件实现了不依赖任何在线翻译服务的英汉词典. 由于词典包含77万个词条, 插件大小也达到了13+mb.
词典数据也包含很多常见短语:
源码库:
在火狐插件网站提交审核时, 发现源文件大小有限制, 超过4mb就不能被审核服务自动分析. 于是按每个词典文件五万词条进行分隔(详见转换到json; 按五万行分隔json · program-in-chinese/english-chinese-dictionary@10b55f6)
插件源码主要是导入词典数据和查询/显示两部分:
加载词典.js
const 词典路径 = '词典数据/词典' const 文件扩展 = '.json' var 词典文件 = {}; for (var 文件序号 = 0; 文件序号 < 16; 文件序号++) { 词典文件[文件序号] = false; } var 词典数据 = {}; function 载入部分词典(文件) { return function () { var 文件路径 = 词典路径 + 文件 + 文件扩展; fetch(chrome.runtime.geturl(文件路径)) .then((响应) => 响应.json()) .then((数据) => { for (var 英文 in 数据) { 词典数据[英文] = 数据[英文]; } 词典文件[文件] = true; }); } } for (var 文件 in 词典文件) { 载入部分词典(文件)(); } function 已载入词典() { for (var 文件 in 词典文件) { if (!词典文件[文件]) { return false; } } return true; } function 取释义(选中文本) { var 释义 = 词典数据[选中文本]; if (!释义) { 选中文本 = 选中文本.tolowercase(); 释义 = 词典数据[选中文本]; } return 释义; }
主界面.js
function 翻译选中文本() { chrome.tabs.executescript({ code: "window.getselection().tostring();" }, function (选中内容) { // todo: 如果没有tostring, 报错: -,.tolowercase is not function var 选中文本 = 选中内容.tostring(); if (!选中文本) { 置弹窗内容("无选中文本"); return; } var 词典接口 = chrome.extension.getbackgroundpage(); if (!词典接口.已载入词典()) { 置弹窗内容("载入词典数据中..."); return; } var 释义 = 词典接口.取释义(选中文本); 置弹窗内容(选中文本, 释义); }); } function 置弹窗内容(英文, 释义) { var 窗体 = document.body; var 英文部分 = document.getelementbyid("英文"); var 释义部分 = document.getelementbyid("释义"); 英文部分.appendchild(document.createtextnode(英文)); var 多行 = 释义.split('\\n'); for (var 行数 in 多行) { 释义部分.appendchild(document.createtextnode(多行[行数])); 释义部分.appendchild(document.createelement("br")); } } 翻译选中文本();
另, 已在chrome插件商店发布. 链接如下:
上一篇: 蒸馒头开水下锅还是冷水下锅才能蒸的好吃
下一篇: 做红烧鱼块一般用什么鱼做比较好吃