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

本文介绍了一种在浏览器插件中实现GitHub代码翻译的方法,通过将词典数据存储为JSON文件并使用fetch API加载,实现了离线翻译功能。计划进一步开发英汉词典插件,使用Java实现API,并将原始CSV数据转换为JSON格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

续前文: 浏览器插件实现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, 顺便挑战一下火狐插件大小上限.

参考

转载于:https://www.cnblogs.com/program-in-chinese/p/10500117.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值