继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

插件开发任务

艾贺521
关注TA
已关注
手记 292
粉丝 1.1万
获赞 1544

谷歌浏览器

谷歌浏览器

任务详情

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

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

1000

背景页

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

1000

前台页面

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

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

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

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

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

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

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

这是轻淘客的效果


1000

插件效果

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

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

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

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP