获取html值转为json对象,如何优雅地从 HTML 文档中提取 JSON 数据

本文内容已假定您已拥有一些 html 以及爬虫的基础知识

需求背景

这几天在做一款资源站产品，开发过程中需要一定的测试数据，就考虑从网络中的一些网站中爬取一些，但由于用量较少不想因此去写一个爬虫，而且需要对取回的数据能快速调整转换。

市场上虽然有很多爬虫工具和开源库，但大部分用下来都觉得过于“重”了。虽然需要获取的数据较少，但要求的即时性高、数据返回格式便于调整，在试用各种工具和库的时候，发现了一款基于cherrio 封装实现的库 temme，试用之后感觉真的是神器，所以也很希望分享给大家。

temme 是一个类 jQuery 的选择器，用于简洁优雅地从 HTML 文档中提取所需的 JSON 数据。有在线版本和 vscode-temme 插件，文尾有开源库地址。

案例实践

实战一个例子体验一下：

要求如下：

从一个设计资源站 design.maliquankai.com，中提取一些 JSON 格式内容数据，网站如下：

image.png

需要将网站 html 内容提取为以下格式的数据：

"图库": [

{

"cover": "images/img/pexels.jpg",

"guid": "https://www.pexels.com",

"description": "免费高品