iOS解析html标签内容-OCGumbo

iOS解析HTML有很多库，比如 hpple 这个库的使用我们可以看看这篇文章：https://www.jianshu.com/p/e2cfb6b333c8，Objective-C-HMTL-Parser，IGHTMLQuery..以及今天的主角Google Gumbo - OCGumbo。

1：Objects

1.1 OCGumboDocument HTML标签中根元素

1.2 OCGumboDocument HTML标签中的任意元素

1.3 OCGumboText HTML标签中的元素的文本节点

1.4 OCGumboNode HTML标签中的单个节点

1.5 OCGumboAttribute HTML标签中的元素的属性节点

2：function

2.1 是通过对象的唯一ID拿, 对应的接口是getElementById

NSLog(@"class: %@",document.Query(@"#select").parents(@".main"));
NSLog(@"tag#id : %@", document.Query(@"div#theId"));

2.2 是通过标签名拿, 对应的接口是getElementByTag.

NSLog(@"options: %@", document.Query(@"body"));

2.3 是通过标签所属于的class,对应的接口是 getElementByclassName.

NSLog(@"tag.class: %@", document.Query(@".theCls"));
NSLog(@"tag.class: %@", document.Query(@"div.theCls"));

2.4 获取文本节点信息

NSLog(@"title: %@", document.Query(@"title").text());

2.5 获取属性节点信息

OCGumboElement *element = document.Query(@"body").find(@".name").first();
NSLog(@"value = %@", element.attr(@"name'"));

2.6 最后是这些常用的Query APIs

QQ20190929-134146.png

3：最后注意引入gumbo 文件夹的会报引入.c文件的报错，建议将每一个.c文件这样修改一下：

QQ20190929-134917.png