› › 文章

我写的第一个chrome插件——商品工具箱

好像我对在别人网页上运行自己的脚本特别感兴趣,从一开始的审查元素——Console调试,到书签上保存运行JavaScript,直到后来在京东上采集信息,发现是https无法把获取到的信息传送回我的服务器。又不会用php制作爬虫什么的,就开始研究chrome。我对chrome插件开发从完全没概念,到慢慢了解。一开始完全是靠感觉,觉得插件能帮我把数据传送出去,果然如此。下图是我第一个版本的插件界面:

QQ截图20160420011617 (1)

说到采集京东商品,我是从联盟那里采集出来的。联盟那个网站,在没关键词时会隐藏一些查询条件,例如想看全站的30天推广量最多是哪个商品,不想输入关键词什么的,还好它仅仅是用display:none来隐藏。并且联盟网站有个很讨厌的地方,就是右下角公告一直显示,关闭之后刷新还是会出来。完全没考虑过用户的体验好吧!!!于是有了第一和第二个选项!屏蔽联盟通知和显示更多筛选条件。

QQ截图20160420011909

采集京东数据,是根据销售、佣金排行榜进行抓取,组成json格式的数据post出去。这个其实用API来查询,效果会好很多而且可以做到实时查询。但是我不会!!!感觉文档还很不完善,看个SDK还要发邮件去索要等等等等!!!还是等我以后学得差不多再考虑!或者网上付费找人帮忙写个demo。

然后打开橱窗大图,是把主橱窗幻灯片的图片显示在左边,方便复制图片路径和快速保存到本地(Alt+左键单击)。

QQ截图20160420012508 (1)

评论图片快速保存,也是对网页元素进行操作,替换掉缩略图的src。本应是76px的尺寸,替换成760px*500px。然后直接快速保存和复制图片链接。我没有选择做成像第一第二个那样checkbox的形式,是因为评论图片是动态加载进来的,不点开“晒图”是没有的,所以只好做成button的形式去执行。

QQ截图20160420012712 (1)

 

最后,发现chrome插件开发确实很好玩,但我学的还很肤浅。可能会觉得这个工具箱对你来说没什么用,嗯!我自己用的。我微信小号经常发这种朋友圈,所以要用到,大大提高效率。

Screenshot_2016-04-20-01-31-46_com.lbe.parallel_看图王 (1)

最最后,经常剁手的朋友可以加下我小号!绝对没宰你!

qrcode_mini

1 0

发表评论

  • 评论9则,共1页,当前第1
    • 匿名

      这个不错,有下载链接吗?

      • 这个有部分是自用的功能,要配合数据库使用。估计剥离开来,也没什么好用的东西了。有空再弄~

        • 我喜欢这个插件,挺实用,希望以后能下载到。

          • 我已经把淘宝天猫橱窗里的图片,自动加载到淘口令生成那个页面了,欢迎体验:https://chaozhi.cm/tkl/

    • 狂族晨曦

      越来越厉害了啊,json还没接触,但是想学。因为我想让阅读排行榜加上时间限制——显示最近30天内阅读最多的文章,据说要用json。

      • 额。阅读排行榜应该跟json无关,只是限制php循环调用次数而已。。。