浏览器插件-离线英汉词典 2018-10-12

如前文在浏览器插件中读取JSON资源文件末所述, 用浏览器插件实现了不依赖任何在线翻译服务的英汉词典. 由于词典包含77万个词条, 插件大小也达到了13+MB.

词典数据也包含很多常见短语:

源码库: program-in-chinese/webextension_english_chinese_dictionary

在火狐插件网站提交审核时, 发现源文件大小有限制, 超过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 functionvar 选中文本 = 选中内容.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插件商店发布. 链接如下:

火狐插件
Chrome插件

浏览器插件-离线英汉词典 2018-10-12相关推荐

Python对英汉词典的若干操作（#10）
从网上下载了一个英汉词典txt版,整理后放在了py文件同一目录下,取名为"英汉词典".后面要用正则表达式处理这些单词. 1.读取英汉词典前10行 f=open("英汉词典 ...
【小型JavaFx项目】英汉词典
英汉词典简介知识点简介效果图源代码 Word.java DictionaryFunction.java DictionaryFrame.java 简介花了1个多小时帮数媒的同学用以前的项目改 ...
APP Designer 制作简易英汉词典的回调函数书写
APP Designer 制作简易英汉词典的回调函数书写在学习MATLAB 的App Designer 时看到的一个有意思的小项目,主要步骤参考了slandarer 的MATLAB 手把手带你制作第 ...
电子英汉词典c语言程序设计报告,英汉电子词典设计报告_设计_C语言_C语言程序设计.doc...
英汉电子词典设计报告_设计_C语言_C语言程序设计课程设计课程名称 :C语言程序课程设计题目名称 :电子英汉词典学生学院 :电气信息学院专业班级 :自动化1101 学号 :20110102 ...
linux英汉字典代码,Ubuntu安装英汉词典(词库)详细步骤
Ubuntu安装英汉词典(词库)详细步骤发布时间:2013-05-26 11:26:08 作者:佚名我要评论 linux并不缺少词典软件.但是缺少词库.所有的词典软件都需要,自己下载安装词 ...
c语言电子英汉词典编程报告,电子英汉词典的编程C语言报告.doc
课程设计(论文) 课题: 电子英汉词典的编程学院: 专业: 学生姓名: 学号: 指导老师 : 目录 *内容摘要-----------.---..-------------..3 *关键词-- ...
电子英汉词典c语言设计报告,C语言课程设计——电子英汉词典汇编.doc
PAGE 课程设计报告课程名称 C语言课程设计课题名称电子英汉词典专业纺织服装学院班级纺工1203 学号姓名指导教师田媛 2014年 01 月06 日湖南工程 ...
python英汉词典
# -*- coding: utf-8 -*- """ Created on Tue Dec 18 01:06:45 2018@author: Administrator ...
英汉词典c语言报告程序,C语言电子英汉词典程序设计报告-自动化1203-李煜明.docx...
课程设计报告课程名称 C语言课程设计课题名称电子英汉词典专业自动化班级 1203 学号 201201020304 姓名李煜明指导教师欧阳湘江田媛张晓清 2013 ...

浏览器插件-离线英汉词典 2018-10-12

浏览器插件-离线英汉词典 2018-10-12相关推荐

最新文章

热门文章