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

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

此改进只为演示:

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