首页 > 代码库 > 京东已购商品自动评价Chrome插件开发

京东已购商品自动评价Chrome插件开发

周末在家闲来无聊,发现京东有几十个待评价的商品,觉得JD的羊毛不薅白不薅。废话不多说看代码:

技术分享

 

看到这样的结构是否似成相识??这不就是一个典型的web站点的结构?其实差不多啦,最大的区别就是多了一个manifest.json 文件。

技术分享

前面的配置信息,猜猜大概也就知道是什么了。我们这个JD插件最重要的一块就是content scripts. 这里面有三个参数最重要

  1. Matches: 这个是说这个contentscript只有在域名 https(/http)://club.jd.com 下才会运行。

  2. js: 插件需要js文件

  3. run at: 插件导入的js文件放在网页的位置。

来看看content js:

window.addEventListener("load", myMain, false);function myMain(evt) {  // DO YOUR STUFF HERE.  console.log("JD helper running!");  console.log(window.location.href);  console.log(document.URL);  if (document.URL === "https://club.jd.com/myJdcomments/myJdcomment.action") {    if ($("a[class=‘btn-def‘]:contains(‘评价‘)") != undefined) {      $("a[class=‘btn-def‘]:contains(‘评价‘)")[0].click();    }  }  if (document.URL.indexOf("orderVoucher.action") > -1) {    console.log("auto commments star");    console.log($(‘span[data-id="A1"]‘));    $(‘span[data-id="A1"]‘).each(function () {      $(this).click();    });    $(‘span[class="star star5"]‘).each(function () {      $(this).click();    });    var cnt = 0;    $("a[class=‘tag-item‘]").each(function () {      cnt++;      if (cnt % 2 == 1) {        $(this).addClass("tag-checked");      }    });    $(‘textarea[placeholder="商品是否给力?快分享你的购买心得吧~"]‘).val("东西挺好的值得购买,下次还会再来。");    $(‘a[class="btn-submit"]‘)[0].click();  }  if (document.URL.indexOf("saveCommentSuccess.action") > -1) {    window.location.href = "https://club.jd.com/myJdcomments/myJdcomment.action";  }}

看到这些代码是不是觉得很简单?

这个项目的地址:https://github.com/raycdut/JDHelper

参考书籍:http://www.ituring.com.cn/book/1421

京东已购商品自动评价Chrome插件开发