这个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",
"