谷歌浏览器

1、背景页与前台页面通信

插件的背景页(backgroundPage)，浏览器插件相当于一个单独打开的标签只不过在浏览器上看不到这个标签。插件的文档很丰富，可以自定义很多内容。

背景页

前台页即前面的控制台页面，普通的浏览器网页。

前台页面

要求：前台页面发送消息到背景页面，背景页面响应前台发送的消息。背景页长久运行

2、在背景页发送跨域Ajax请求，默认在背景页下是可以发送跨域请求的。请求淘宝联盟的数据。

请求地址：q为查询参数，后面接想要查询的东西。
http://pub.alimama.com/items/search.json?q=%E8%A3%A4%E5%AD%90

解析返回的数据。提取自认为重要的数据字段，比如原价、折扣价，佣金比例，销量，商品图，商品地址，商品ID，商品名称等等。

3、背景页使用WebSocket建立长连接，找一些可用的Websockt进行测试。测试向建立的连接发送数据，接受数据。

4、前台页面设计一个表单，可供编辑。填写具体参考轻淘客的插件。这是淘宝的页面，因为使用了Google的轻淘客插件才出现这个效果。

表单内容主要为自己定义的一些字段，结合第一步的背景页与浏览器页面通信，传递表单字段到背景页。

这是轻淘客的效果

插件效果

要求：前端的页面只允许才taobao.com的域名下才显示，其它域名不显示

5、查看轻淘客背景页的请求接口，记录下来，写成文档。

具体官方文档地址请直接Google。

ITPub博客

插件开发任务