{"id":22511284,"url":"https://github.com/matmanjs/web-crawl-util","last_synced_at":"2025-08-03T14:32:28.038Z","repository":{"id":32639181,"uuid":"138599298","full_name":"matmanjs/web-crawl-util","owner":"matmanjs","description":"前端页面爬虫工具库","archived":false,"fork":false,"pushed_at":"2022-07-21T05:29:47.000Z","size":133,"stargazers_count":2,"open_issues_count":5,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-03T06:47:15.428Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matmanjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-25T13:33:14.000Z","updated_at":"2024-07-06T10:26:20.000Z","dependencies_parsed_at":"2022-08-07T17:47:05.850Z","dependency_job_id":null,"html_url":"https://github.com/matmanjs/web-crawl-util","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matmanjs%2Fweb-crawl-util","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matmanjs%2Fweb-crawl-util/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matmanjs%2Fweb-crawl-util/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matmanjs%2Fweb-crawl-util/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matmanjs","download_url":"https://codeload.github.com/matmanjs/web-crawl-util/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228548581,"owners_count":17935226,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-07T02:10:50.271Z","updated_at":"2024-12-07T02:10:50.961Z","avatar_url":"https://github.com/matmanjs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# web-crawl-util\n\n前端页面爬虫工具库。\n\n## 1. 安装\n\n```bash\n$ npm install web-crawl-util\n```\n\n## 2. API\n\n### 2.1 useJquery\n\n使用 jQuery 封装了一些常用操作。\n\n#### 2.1.1 getText(jqCur, jqContainer)\n\n获得文字信息。其最终会调用 jQuery 的 [.text()](http://api.jquery.com/text/) 方法。\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n#### 2.1.2 getVal(jqCur, jqContainer)\n\n获得 input 元素中的值。其最终会调用 jQuery 的 [.val()](http://api.jquery.com/val/) 方法。\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n#### 2.1.3 getAttr(name, jqCur, jqContainer)\n\n获得属性值。其最终会调用 jQuery 的 [.attr()](http://api.jquery.com/attr/) 方法。\n\n- `name`，属性名字，例如 'href'\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n\n#### 2.1.4 getTotal(jqCur, jqContainer)\n\n获得符合条件的DOM数量。其最终会调用 jQuery 的 [.length](https://api.jquery.com/length/#length1) 方法。\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n\n#### 2.1.5 isExist(jqCur, jqContainer)\n\n是否存在。\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n\n#### 2.1.6 getImageDomUrl(jqCur, jqContainer)\n\n获得 img 标签中图片的地址。\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n\n#### 2.1.7 getStyle(jqCur, jqContainer)\n\n获得 dom 元素中的部分计算属性值\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n\n返回对象:\n\n| 属性          | 类型 |说明                 |\n| ------------- | --- |  -------------------- |\n| `width`      | `Number` | 元素宽度     |\n| `height`      | `Number` | 元素高度     |\n| `lineHeight`      | `Number` | 元素字体行高     |\n| `isOneLine`      | `Boolean` | 判断是否是一行文字     |\n| `computedStyle`      | `Object` | 计算之后的样式，使用 `document.defaultView.getComputedStyle(curDom)` 获得     |\n| `isExist`      | `Boolean` | 是否存在     |\n\n\n#### 2.1.8 getBackgroundImageUrl(jqCur, jqContainer)\n\n获得 `background-image` 属性中图片的链接\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n#### 2.1.9 getDataFromTable(jqCur, jqContainer)\n\n获得 table 表格中的数据，返回一个二维数组。\n\n- `jqCur`，css选择器或者jQuery对象，例如 '#id .css'\n- `jqContainer`，祖先元素的css选择器或者jQuery对象\n\n可以查看 [test/fixtures/table.html](./test/fixtures/table.html) 这个示例，执行后的结果为：\n\n![](./img/useJquery_getDataFromTable.png)\n\n```js\n// 目标结果\nconst targetResult = [\n  ['客户', '期初余额', '订单金额', '订单金额', '收款金额', '收款账户', '客户余额', '备注'],\n  ['新月', '21', '22', '23', '24', '25', '26', ''],\n  ['新月', '31', '22', '33', '34', '35', '36', ''],\n  ['合计', '41', '22', '43', '43', '-', '46', '']\n];\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatmanjs%2Fweb-crawl-util","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatmanjs%2Fweb-crawl-util","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatmanjs%2Fweb-crawl-util/lists"}