在浏览器插件中读取JSON资源文件

续前文: 浏览器插件实现GitHub代码翻译原型演示

此改进只为演示: 词典数据提取到json文件 · program-in-chinese/webextension_github_code_translator@ce932df

manifest.json中添加资源路径:

  "web_accessible_resources": [
    "词典数据/*.json"
  ]

主界面.js中加载数据:

const 关键词词典文件 = '词典数据/关键词.json'
fetch(chrome.runtime.getURL(关键词词典文件))
  .then((响应) => 响应.json())
  .then((词典数据) => 关键词词典 = 词典数据)
  .then(翻译代码段);

下面打算通过这个方法, 使用Java实现英汉词典API初版发布在Maven中的英汉词典数据, 实现一个离线英汉词典浏览器插件(现在看到的英汉词典插件都通过访问在线服务实现). 还需将原始csv数据转换为JSON, 考虑为缩减数据量删去原数据中的英文释义部分, 即使如此插件包也至少10多M, 顺便挑战一下火狐插件大小上限.

参考

• Reading files in a Chrome Extension
• Promise.prototype.then()
• Using Fetch
• Arrow functions

2018-10-10