chrome插件开--开发心得

一 需求

由于很喜欢看漫画，很多学习版的漫画(大家懂的)分布在各个平台。来回切换太费劲了，就想着用一个后台记录所有追的连载漫画。

记录后台+站点不必多说。提供添加漫画链接功能即可。但每次都要找到对应漫画，再后再获取指定信息，例如：封面，链接，名称。在手动切换管理系统逐条添加，过于繁琐。（主要是懒）

二 功能分解

2.1 管理站点

一般的BS项目，管理漫画链接的信息即可。信息包括：封面，链接，名称。

利用之前制作的代码生成工具，很简单完成。不再过多描述。如图：

 

2.2 浏览器插件

在浏览漫画的时候遇到喜欢的，鼠标右键直接添加到自己的管理系统。

1） 鼠标右键菜单添加一个快捷功能

2）此功能收集漫画的封面，链接，名称信息。然后提交给管理站点的API进行保存。

3）在管理站点显示页面显示。

主要针对Chrome浏览器（别的浏览器很少用，以后再说）

 

三 技术实现

查询了大量资料发现chrome的插件，就是一个配置文件和如果html以及js即可。简单方便，就他了。

第一版简单一点，login.html back.html留着以后扩展功能的时候用。

编辑

js文件夹里的脚本文件才是主角

编辑

3.1 manifest.json

此配置文件相当于插件的配置。如图：

{
    "manifest_version": 2,
    "name": "daily_site",
    "version": "1.0.0",
    &#