web-crawl-util

前端页面爬虫工具库。

1. 安装

$ npm install web-crawl-util

2. API

2.1 useJquery

使用 jQuery 封装了一些常用操作。

2.1.1 getText(jqCur, jqContainer)

获得文字信息。其最终会调用 jQuery 的 .text() 方法。

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.2 getVal(jqCur, jqContainer)

获得 input 元素中的值。其最终会调用 jQuery 的 .val() 方法。

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.3 getAttr(name, jqCur, jqContainer)

获得属性值。其最终会调用 jQuery 的 .attr() 方法。

• name，属性名字，例如 'href'
• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.4 getTotal(jqCur, jqContainer)

获得符合条件的DOM数量。其最终会调用 jQuery 的 .length 方法。

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.5 isExist(jqCur, jqContainer)

是否存在。

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.6 getImageDomUrl(jqCur, jqContainer)

获得 img 标签中图片的地址。

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.7 getStyle(jqCur, jqContainer)

获得 dom 元素中的部分计算属性值

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

返回对象:

| 属性 | 类型 |说明 | | ------------- | --- | -------------------- | | width | Number | 元素宽度 | | height | Number | 元素高度 | | lineHeight | Number | 元素字体行高 | | isOneLine | Boolean | 判断是否是一行文字 | | computedStyle | Object | 计算之后的样式，使用 document.defaultView.getComputedStyle(curDom) 获得 | | isExist | Boolean | 是否存在 |

2.1.8 getBackgroundImageUrl(jqCur, jqContainer)

获得 background-image 属性中图片的链接

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

2.1.9 getDataFromTable(jqCur, jqContainer)

获得 table 表格中的数据，返回一个二维数组。

• jqCur，css选择器或者jQuery对象，例如 '#id .css'
• jqContainer，祖先元素的css选择器或者jQuery对象

可以查看 test/fixtures/table.html 这个示例，执行后的结果为：

// 目标结果
const targetResult = [
  ['客户', '期初余额', '订单金额', '订单金额', '收款金额', '收款账户', '客户余额', '备注'],
  ['新月', '21', '22', '23', '24', '25', '26', ''],
  ['新月', '31', '22', '33', '34', '35', '36', ''],
  ['合计', '41', '22', '43', '43', '-', '46', '']
];