手记

node上HTML分析利器node-jquery 荐

      首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布Javascript Coverage数据API,供Report项目使用。

 

     由于采用简单的数据分析,只是Host一个简单web Server,所以本人不喜TomcatIIS这类大型工具,得有点杀鸡用牛刀,班弄斧。我更喜node.js这类简易web容器。所以目采用node.js,并node.js天然的javascripthtml操作的天然一体,借助DOM构使得解析Html更容易,简洁

      Node.js解析HTML DOM的当然是htmlpaserjsdom。然而个人更喜jQuery格,与web jQueryAPI,所以选择node-jquery.其代部署在Githubhttps://github.com/coolaj86/node-jquery. 

     下面是本人写个一个简单demo  抓取Github Popular project打印在控制台出。

var $ = require('jquery');     String.format = function() {      var s = arguments[0];      for (var i = 0; i < arguments.length - 1; i++) {          var reg = new RegExp("\\{" + i + "\\}", "gm");          s = s.replace(reg, arguments[i + 1]);      }         return s;  };      $.get("https://github.com/popular/forked",function(html){             var $doc = $(html);      console.log("No.  name  language  star   forks  ")          $doc.find("ul.repolist li.source").each(function(i,project){             var $project = $(project);                 var name = $project.find("h3").text().trim();                 var language = $project.find("li:eq(0)").text().trim();                 var star = $project.find("li.stargazers").text().trim();                 var forks = $project.find("li.forks").text().trim();                 var row =String.format("{4} {0}  {1}  {2}  {3}",name,                         language,star,forks,i + 1 );                                 console.log(row);          });   });

 

此项目寄宿在我Github https://github.com/greengerong/node-jquery-demo。仅供了解node-jquery学习demo,欢迎指教。

0人推荐
随时随地看视频
慕课网APP