可以保存柯林斯词典查词历史记录的chrome extension

这个chrome extension 用于记录30个在柯林斯词典点击打开链接查找的单词,并将extension的icon添加到菜单上,单击可以弹出一个列出这些单词的窗口,点击窗口中的单词,可以打开该单词的查找页面,方便复习。

这是效果图(icon是右上角的蓝白方块):



首先,我们在chrome的developer官网点击打开链接了解extension的开发教程。

一个extension放在一个目录下,包含有一个存放设置的manifest.json文件,一些在浏览器中执行的javascript文件,不同大小的png图片作为icon,或者包含弹出窗口的html文件。

在这个项目里,我们需要实现的是,在manifest.json中设定此extension只对柯林斯词典网站有效,在filter.js中用cookie保存所查单词并过滤掉页面广告提高载入速度,在popup.html和popup.js中添加一个弹窗显示查词历史,最后还有19*19 48*48 128*128的png文件作为icon。这几个文件的代码分别如下:

manifest.json

{
  "name": "collins dictionary tools",
  "
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值