nodejs上HTML分析利器node-jquery

72 阅读 0 评论 48 点赞

我是靠谱客的博主现代宝马，最近开发中收集的这篇文章主要介绍nodejs上HTML分析利器node-jquery，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

原文地址为： nodejs上HTML分析利器node-jquery

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

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

Node.js解析HTML DOM的当然是htmlpaser，jsdom。然而个人更喜欢jQuery的风格，与web jQuery的统一API,所以选择了node-jquery.其代码部署在Github的https://github.com/coolaj86/node-jquery.

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

 1 var $ = require('jquery');
 2 
 3

 4 
 5 String.format = function() {
 6 
 7
var s = arguments[0];
 8 
 9
for (var i = 0; i < arguments.length - 1; i++) {
10 
11
var reg = new RegExp("\{" + i + "\}", "gm");
12 
13
s = s.replace(reg, arguments[i + 1]);
14 
15 
}
16 
17

18 
19
return s;
20 
21 };
22 
23

24 
25
$.get("https://github.com/popular/forked",function(html){
26 
27

28 
29
var $doc = $(html);
30 
31
console.log("No.
name
language
star
forks
")
32 
33
$doc.find("ul.repolist li.source").each(function(i,project){
34 
35

36 
37
var $project = $(project);
38 
39
var name = $project.find("h3").text().trim();
40 
41
var language = $project.find("li:eq(0)").text().trim();
42 
43
var star = $project.find("li.stargazers").text().trim();
44 
45
var forks = $project.find("li.forks").text().trim();
46 
47
var row =String.format("{4} {0}
{1}
{2}
{3}",name,
48 
49
language,star,forks,i + 1 );
50 
51

52 
53 
console.log(row);
54 
55 
});
56 
57
});