在瀏覽器插件中讀取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