# 一、jsoup 概述
jsoup 是一款基于 Java 的 HTML 解析器,它提供了一套非常省力的 API,不但能直接解析某个 URL 地址、HTML 文本内容,而且还能通过类似于 DOM、CSS 或者 jQuery 的方法来操作数据,所以 jsoup 也可以被当做爬虫工具使用。
# 二、相关概念简介
Document
:文档对象。每份 HTML 页面都是一个文档对象,Document 是 jsoup 体系中最顶层的结构。Element
:元素对象。一个 Document 中可以着包含着多个 Element 对象,可以使用 Element 对象来遍历节点提取数据或者直接操作 HTML。Elements
:元素对象集合,类似于List<Element>
。Node
:节点对象。标签名称、属性等都是节点对象,节点对象用来存储数据。- 类继承关系:Document 继承自 Element ,Element 继承自 Node。
- 一般执行流程:先获取 Document 对象,然后获取 Element 对象,最后再通过 Node 对象获取数据。
# 三、获取文档(Document)
获得文档对象 Document 一共有 4 种方法,分别对应不同的获取方式。
正式开始之前,我们需要导入有关 jar 包。
xml复制代码<dependency> | |
<groupId>org.jsoup</groupId> | |
<artifactId>jsoup</artifactId> | |
<version>1.15.1</version> | |
</dependency> |
--
# 3.1)从 URL 中加载文档对象(常用)
使用 Jsoup.connect(String url).get()
方法获取(只支持 http 和 https 协议):
java复制代码Document doc = Jsoup.connect("http://csdn.com/").get(); | |
String title = doc.title(); | |
System.out.println(title); |
connect(String url)
方法创建一个新的 Connection 并通过 .get()
或者 .post()
方法获得数据。如果从该 URL 获取 HTML 时发生错误,便会抛出 IOException,应适当处理。
Connection
接口还提供一个方法链来解决特殊请求,我们可以在发送请求时带上请求的头部参数,具体如下:
java复制代码Document doc = Jsoup.connect("http://csdn.com") | |
.data("query", "Java") | |
.userAgent("Mozilla") | |
.cookie("auth", "token") | |
.timeout(8000) | |
.post(); | |
System.out.println(doc); |
--
# 3.2)从本地文件中加载文档对象
可以使用静态的 Jsoup.parse(File in, String charsetName)
方法从文件中加载文档。其中 in
表示路径, charsetName
表示编码方式,示例代码:
java复制代码File input = new File("/tmp/input.html"); | |
Document doc = Jsoup.parse(input, "UTF-8"); | |
System.out.println(doc); |
--
# 3.3)从字符串文本中加载文档对象
使用静态的 Jsoup.parse(String html)
方法可以从字符串文本中获得文档对象 Document ,示例代码:
java复制代码String html = "<html><head><title>First parse</title></head>" | |
+ "<body><p>Parsed HTML into a doc.</p></body></html>"; | |
Document doc = Jsoup.parse(html); | |
System.out.println(doc); |
--
# 3.4)从 <body> 片断中获取文档对象
使用 Jsoup.parseBodyFragment(String html)
方法.
java复制代码String html = "<p>Lorem ipsum.</p>"; | |
Document doc = Jsoup.parseBodyFragment(html); | |
//doc 此时为:<body> <p>Lorem ipsum.</p></body> | |
Element body = doc.body(); | |
System.out.println(body); |
parseBodyFragment
方法创建一个新的文档,并插入解析过的 HTML 到 body
元素中。假如你使用正常的 Jsoup.parse(String html)
方法,通常也能得到相同的结果,但是明确将用户输入作为 body 片段处理是个更好的方式。
Document.body()
方法能够取得文档 body 元素的所有子元素,与 doc.getElementsByTag("body")
相同。
# 四、选择元素(Element)
解析文档对象并获取数据一共有 2 种方式,分别为 DOM 方式、CSS 选择器方式,我们可以选择一种自己喜欢的方式去获取数据,效果一样。
# 4.1)DOM 方式
将 HTML 解析成一个 Document
之后,就可以使用类似于 DOM 的方法进行操作。
java复制代码// 获取 csdn 首页所有的链接 | |
Document doc = Jsoup.connect("http://csdn.com").get(); | |
Elements elements = doc.getElementsByTag("body"); | |
Elements contents = elements.first().getElementsByTag("a"); | |
for (Element content : contents) { | |
String linkHref = content.attr("href"); | |
String linkText = content.text(); | |
System.out.print(linkText+"\t"); | |
System.out.println(linkHref); | |
} |
说明
Elements
这个对象提供了一系列类似于 DOM 的方法来查找元素,抽取并处理其中的数据。具体如下:
4.1.1)查找元素
getElementById(String id)
:通过 id 来查找元素getElementsByTag(String tag)
:通过标签来查找元素getElementsByClass(String className)
:通过类选择器来查找元素getElementsByAttribute(String key)
:通过属性名称来查找元素,例如查找带有 href 元素的标签。siblingElements()
:获取兄弟元素。如果元素没有兄弟元素,则返回一个空列表。firstElementSibling()
:获取第一个兄弟元素。lastElementSibling()
:获取最后一个兄弟元素。nextElementSibling()
:获取下一个兄弟元素。previousElementSibling()
:获取上一个兄弟元素。parent()
:获取此节点的父节点。children()
:获取此节点的所有子节点。child(int index)
:获取此节点的指定子节点。
4.1.2)获取元素数据
attr(String key)
:获取单个属性值attributes()
:获取所有属性值attr(String key, String value)
:设置属性值text()
:获取文本内容text(String value)
:设置文本内容html()
:获取元素内的 HTML 内容html(String value)
:设置元素内的 HTML 内容outerHtml()
:获取元素外 HTML 内容data()
:获取数据内容(例如:script 和 style 标签)id()
:获得 id 值(例:<p id="goods">衣服</p>
)className()
:获得第一个类选择器值classNames()
:获得所有的类选择器值tag()
:获取元素标签tagName()
:获取元素标签名(如:<p>、<div > 等)
4.1.3)操作 HTML 文本
append(String html)
:在末尾追加 HTML 文本prepend(String html)
:在开头追加 HTML 文本html(String value)
:在匹配元素内部添加 HTML 文本。
--
# 4.2)CSS 选择器方式
可以使用类似于 CSS 选择器的语法来查找和操作元素,常用的方法为 select(String selector)
。
java复制代码Document doc = Jsoup.connect("http://csdn.com").get(); | |
// 获取带有 href 属性的 a 元素 | |
Elements elements = doc.select("a[href]"); | |
for (Element content : elements) { | |
String linkHref = content.attr("href"); | |
String linkText = content.text(); | |
System.out.print(linkText + "\t"); | |
System.out.println(linkHref); | |
} |
4.2.1)说明
select()
方法在 Document
、 Element
或 Elements
对象中都可以使用,而且是上下文相关的,因此可实现指定元素的过滤,或者采用链式访问。
select()
方法将返回一个 Elements
集合,并提供一组方法来抽取和处理结果。
4.2.2) select(String selector)
方法参数简介
tagname
: 通过标签查找元素,例如通过"a"
来查找<a>
标签。#id
: 通过 ID 查找元素,比如通过#logo
查找<p id="logo">
。.class
: 通过 class 名称查找元素,比如通过.titile
查找<p class="titile">
。ns|tag
: 通过标签在命名空间查找元素,比如使用fb|name
来查找<fb:name>
。[attribute]
: 利用属性查找元素,比如通过[href]
查找<a href="...">
。[^attribute]
: 利用属性名前缀来查找元素,比如:可以用[^data-]
来查找带有 HTML5 dataset 属性的元素。[attribute=value]
: 利用属性值来查找元素,比如:[width=500]
。[attribute^=value]
,[attribute$=value]
,[attribute*=value]
: 利用匹配属性值开头、结尾或包含属性值来查找元素,比如通过[href*=/path/]
来查找<a href="a/path/c.html">
。[attribute~=regex]
: 利用属性值匹配正则表达式来查找元素,比如通过img[src~=(?i)\.(png|jpe?g)]
来匹配所有的 png 或者 jpg、jpeg 格式的图片。*
: 通配符,匹配所有元素。
4.2.3)参数属性组合使用
el#id
: 元素 + ID,比如:div#logo
el.class
: 元素 + class,比如:div.masthead
el[attr]
: 元素 + class,比如a[href]
匹配所有带有 href 属性的 a 元素。- 任意组合,比如:
a[href].highlight
匹配所有带有 href 属性且 class="highlight" 的 a 元素。 ancestor child
: 查找某个元素下子元素,比如:可以用.body p
查找在 "body" 元素下的所有p
元素parent > child
: 查找某个父元素下的直接子元素,比如:可以用div.content > p
查找p
元素,也可以用body > *
查找 body 标签下所有直接子元素siblingA + siblingB
: 查找在 A 元素之前第一个同级元素 B,比如:div.head + div
siblingA ~ siblingX
: 查找 A 元素之前的同级 X 元素,比如:h1 ~ p
el, el, el
: 多个选择器组合,查找匹配任一选择器的唯一元素,例如:div.masthead, div.logo
4.2.4)特殊参数:伪选择器
:lt(n)
: 查找哪些元素的同级索引值(它的位置在 DOM 树中是相对于它的父节点)小于 n,比如:td:lt(3)
表示小于三列的元素:gt(n)
: 查找哪些元素的同级索引值大于n``,比如
:div p:gt(2)
表示哪些 div 中有包含 2 个以上的 p 元素:eq(n)
: 查找哪些元素的同级索引值与n
相等,比如:form input:eq(1)
表示包含一个 input 标签的 Form 元素:has(seletor)
: 查找匹配选择器包含元素的元素,比如:div:has(p)
表示哪些 div 包含了 p 元素:not(selector)
: 查找与选择器不匹配的元素,比如:div:not(.logo)
表示不包含 class=logo 元素的所有 div 列表:contains(text)
: 查找包含给定文本的元素,搜索不区分大不写,比如:p:contains(jsoup)
:containsOwn(text)
: 查找直接包含给定文本的元素:matches(regex)
: 查找哪些元素的文本匹配指定的正则表达式,比如:div:matches((?i)login)
:matchesOwn(regex)
: 查找自身包含文本匹配指定正则表达式的元素- 注意:上述伪选择器索引是从 0 开始的,也就是说第一个元素索引值为 0,第二个元素 index 为 1 等
# 五、获取数据(Node)
在获得文档对象并且指定查找元素后,我们就可以获取元素中的数据。 这些访问器方法都有相应的 setter 方法来更改数据。
.attr(String key)
:获得属性的值。.text()
:获得元素中的文本。.html()
:获得元素或属性内部的 HTML 内容(不包括本身)。.outerHtml()
:获得元素或属性完整的 HTML 内容。.id()
:获得元素 id 属性值。className()
:获得元素类选择器值。.tagName()
:获得元素标签命名。.hasClass(String className)
:检查这个元素是否含有一个类选择器(不区分大小写)。
java复制代码String html = "<p><a href='http://csdn.com/'><b>example</b></a> link.</p>"; | |
Document doc = Jsoup.parse(html); | |
// 查找第一个 & lt;a > 元素 | |
Element link = doc.select("a").first(); | |
// 输出:example | |
String text = link.text(); | |
// 输出:http://csdn.com/ | |
String href = link.attr("href"); | |
// 输出:<b>example</b> | |
String aHtml = link.outerHtml(); | |
// 输出:<a href='http://csdn.com/'><b>example</b></a> | |
String aOuterHtml = link.outerHtml(); |
--
# 六、修改数据
在解析了一个 Document 对象之后,你可能想修改其中的某些属性值,并把它输出到前台页面或保存到其他地方,jsoup 对此提供了一套非常简便的接口(支持链式写法)。
# 6.1)设置属性的值
当以下方法针对 Element
对象操作时,只有一个元素会受到影响。当针对 Elements
对象进行操作时,可能会影响到多个元素。
.attr(String key, String value)
:设置标签的属性值。.addClass(String className)
:增加类选择器选项.removeClass(String className)
:删除对应的类选择器
java复制代码Document doc = Jsoup.connect("http://csdn.com").get(); | |
// 复数,Elements | |
Elements elements = doc.getElementsByClass("text"); | |
// 单数,Element | |
Element element = elements.first(); | |
// 复数对象,所有 class="text" 的元素都将受到影响 | |
elements.attr("name","goods"); | |
// 单数对象,只有一个元素会受到影响(链式写法) | |
element.attr("name","shop") | |
.addClass("red"); |
# 6.2)修改元素的 HTML 内容
可以使用 Element
中的 HTML 设置方法具体如下:
.html(String value)
:这个方法将先清除元素中的 HTML 内容,然后用传入的 HTML 代替。.prepend(String value)
:在元素前添加 html 内容。.append(String value)
:在元素后添加 html 内容。.wrap(String value)
:对元素包裹一个外部 HTML 内容,将元素置于新增的内容中间。
java复制代码Document doc = Jsoup.connect("http://csdn.com").get(); | |
Element div = doc.select("div").first(); | |
div.html("<p>csdn</p>"); | |
div.prepend("<p>a</p>"); | |
div.append("<p>good</p>"); | |
// 输出:<div"> <p>a</p> <p>csdn</p> <p>good</p> </div> | |
Element span = doc.select("span").first(); | |
span.wrap("<li><a href='...'></a></li>"); | |
// 输出: <li><a href="..."> <span>csdn</span> </a></li> |
# 6.3)修改元素的文本内容
对于传入的文本,如果含有像 <
, >
等这样的字符,将以文本处理,而非 HTML。
.text(String text)
:清除元素内部的 HTML 内容,然后用提供的文本代替。.prepend(String first)
:在元素后添加文本节点。Element.append(String last)
:在元素前添加文本节点。
java复制代码 // <div></div> | |
Element div = doc.select("div").first(); | |
div.text(" one "); | |
div.prepend(" two "); | |
div.append(" three "); | |
// 输出: <div> two one three </div> |
# 七、其他功能
# 7.1)相对路径转绝对路径
问题描述: 你有一个包含相对 URLs 路径的 HTML 文档,现在需要将这些相对路径转换成绝对路径的 URLs。
解决方式:
- 确保在你解析文档时有指定
base URI
路径。 - 然后使用
abs:
属性前缀来取得包含base URI
的绝对路径。代码如下:
java复制代码Document doc = Jsoup.connect("http://www.open-open.com").get(); | |
Element link = doc.select("a").first(); | |
// 输出:/ | |
String relHref = link.attr("href"); | |
// 输出:http://www.open-open.com/ | |
String absHref = link.attr("abs:href"); |
说明:
在 HTML 元素中,URLs 经常写成相对于文档位置的相对路径,如: <a href="/download">...</a>
。当你使用 .attr(String key)
方法来取得 a 元素的 href 属性时,它将直接返回在 HTML 源码中指定的值。
假如你需要取得一个绝对路径,需要在属性名前加 abs:
前缀,这样就可以返回包含根路径的 URL 地址 attr("abs:href")
。因此在解析 HTML 文档时,定义 base URI 非常重要。
如果你不想使用 abs:
前缀,还有一个方法能够实现同样的功能 .absUrl(String key)
。
--
# 7.2)消除不受信任的 HTML (防止 XSS 攻击)
问题描述:
在某些网站中经常会提供用户评论的功能,但是有些不怀好意的用户,会搞一些脚本到评论内容中,而这些脚本可能会破坏整个页面的行为,更严重的是获取一些机要信息,此时需要清理该 HTML,以避免跨站脚本攻击(XSS)。
解决方式: 使用 clean()
方法清除恶意代码,但需要指定一个配置的 Safelist
(旧版本中是 Whitelist
),通常使用 Safelist.basic()
即可。 Safelist
的工作原理是将输入的 HTML 内容单独隔离解析,然后遍历解析树,只允许已知的安全标签和属性输出。
java复制代码String unsafe = | |
"<p><a href='http://csdn.com/' onclick='attack()'>Link</a></p>"; | |
// 输出: <p><a href="http://csdn.com/" >Link</a></p> | |
String safe = Jsoup.clean(unsafe, Safelist.basic()); | |
System.out.println(safe); |
说明:
jsoup 的 Safelist
不仅能够在服务器端对用户输入的 HTML 进行过滤,只输出一些安全的标签和属性,还可以限制用户可以输入的标签范围。