jsoup 是一款Java 的HTML解析器,可直接解析某個URL地址、HTML文本內容。它提供了一套很是省力的API,可經過DOM,CSS以及相似於jQuery的操做方法來取出和操做數據。php
如下內容來自http://www.open-open.com/jsoup/parse-body-fragment.htm(有刪改)css
String html = "<html><head><title>First parse</title></head>"
+ "<body><p>Parsed HTML into a doc.</p></body></html>";
Document doc = Jsoup.parse(html);
(更詳細內容可查看 解析一個HTML字符串.)html
其解析器可以盡最大可能從你提供的HTML文檔來創見一個乾淨的解析結果,不管HTML的格式是否完整。好比它能夠處理:java
沒有關閉的標籤 (好比: <p>Lorem <p>Ipsum
parses to <p>Lorem</p> <p>Ipsum</p>
)
隱式標籤 (好比. 它能夠自動將<td>Table data</td>
包裝成<table><tr><td>?
)
建立可靠的文檔結構(html標籤包含head 和 body,在head只出現恰當的元素)node
文檔由多個Elements和TextNodes組成 (以及其它輔助nodes:詳細可查看:nodes package tree).
其繼承結構以下:Document
繼承Element
繼承Node
. TextNode
繼承Node
.
一個Element包含一個子節點集合,並擁有一個父Element。他們還提供了一個惟一的子元素過濾列表。jquery
來自用戶輸入,一個文件或一個網站的HTML字符串,你可能須要對它進行解析並取其內容,或校驗其格式是否完整,或想修改它。怎麼辦?jsonu可以幫你輕鬆解決這些問題web
使用靜態Jsoup.parse(String html)
方法或Jsoup.parse(String html, String baseUri)
示例代碼:正則表達式
String html = "<html><head><title>First parse</title></head>"
+ "<body><p>Parsed HTML into a doc.</p></body></html>";
Document doc = Jsoup.parse(html);
parse(String html, String baseUri)
這方法可以將輸入的HTML解析爲一個新的文檔 (Document),參數 baseUri 是用來將相對 URL 轉成絕對URL,並指定從哪一個網站獲取文檔。如這個方法不適用,你可使用parse(String html)
方法來解析成HTML字符串如上面的示例。.django
只要解析的不是空字符串,就能返回一個結構合理的文檔,其中包含(至少)一個head和一個body元素。json
一旦擁有了一個Document,你就可使用Document中適當的方法或它父類[Element]
和[Node]
中的方法來取得相關數據。
假如你有一個HTML片段 (好比. 一個div
包含一對p
標籤; 一個不完整的HTML文檔) 想對它進行解析。這個HTML片段能夠是用戶提交的一條評論或在一個CMS頁面中編輯body部分。
使用Jsoup.parseBodyFragment(String html)
方法.
String html = "<div><p>Lorem ipsum.</p>";
Document doc = Jsoup.parseBodyFragment(html);
Element body = doc.body();
parseBodyFragment
方法建立一個空殼的文檔,並插入解析過的HTML到body
元素中。假如你使用正常的 Jsoup.parse(String html")
方法,一般你也能夠獲得相同的結果,可是明確將用戶輸入做爲 body片斷處理,以確保用戶所提供的任何糟糕的HTML都將被解析成body元素。
Document.body()
方法可以取得文檔body元素的全部子元素,與 doc.getElementsByTag("body")
相同。
假如你可讓用戶輸入HTML內容,那麼要當心避免跨站腳本攻擊。利用基於 [Whitelist]
的清除器和 clean(String bodyHtml, Whitelist whitelist)
方法來清除用戶輸入的惡意內容。
你須要從一個網站獲取和解析一個HTML文檔,並查找其中的相關數據。你可使用下面解決方法:
使用 Jsoup.connect(String url)方法:
Document doc = Jsoup.connect("http://example.com/").get();
String title = doc.title();
connect(String url) 方法建立一個新的 Connection, 和 get() 取得和解析一個HTML文件。若是從該URL獲取HTML時發生錯誤,便會拋出 IOException,應適當處理。
Connection 接口還提供一個方法鏈來解決特殊請求,具體以下:
Document doc = Jsoup.connect("http://example.com")
.data("query", "Java")
.userAgent("Mozilla")
.cookie("auth", "token")
.timeout(3000)
.post();
```
這個方法只支持Web URLs (http和https 協議); 假如你須要從一個文件加載,可使用 `parse(File in, String charsetName)` 代替。
## 5.從一個文件加載一個文檔
### 問題
在本機硬盤上有一個HTML文件,須要對它進行解析從中抽取數據或進行修改。
### 辦法
可使用靜態 `Jsoup.parse(File in, String charsetName, String baseUri)` 方法:
```java
File input = new File("/tmp/input.html");
Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/");
<div class="se-preview-section-delimiter"></div>
parse(File in, String charsetName, String baseUri)
這個方法用來加載和解析一個HTML文件。如在加載文件的時候發生錯誤,將拋出IOException
,應做適當處理。
baseUri
參數用於解決文件中URLs是相對路徑的問題。若是不須要能夠傳入一個空的字符串。
另外還有一個方法parse(File in, String charsetName)
,它使用文件的路徑作爲 baseUri。 這個方法適用於若是被解析文件位於網站的本地文件系統,且相關連接也指向該文件系統。
你有一個HTML文檔要從中提取數據,並瞭解這個HTML文檔的結構。
將HTML解析成一個Documen
t以後,就可使用相似於DOM的方法進行操做。示例代碼:
File input = new File("/tmp/input.html");
Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/");
Element content = doc.getElementById("content");
Elements links = content.getElementsByTag("a");
for (Element link : links) {
String linkHref = link.attr("href");
String linkText = link.text();
}
<div class="se-preview-section-delimiter"></div>
Elements這個對象提供了一系列相似於DOM的方法來查找元素,抽取並處理其中的數據。具體以下:
查找元素
- tElementById(String id)
- ElementsByTag(String tag)
- getElementsByClass(String className)
- getElementsByAttribute(String key)
(and related methods)
- Element siblings: siblingElements()
,firstElementSibling()
,lastElementSibling()
; nextElementSibling()
, previousElementSibling()
- Graph: parent()
, children()
, child(int index)
元素數據
- attr(String key)
獲取屬性attr(String key, String value)
設置屬性
- attributes()
獲取全部屬性
- id()
, className()
andclassNames()
- text()
獲取文本內容text(String value)
設置文本內容
- html()
獲取元素內HTMLhtml(String value)
設置元素內的HTML內容
- outerHtml()
獲取元素外HTML內容
- data()
獲取數據內容(例如:script和style標籤)
- tag()
and tagName()
操做HTML和文本
- append(String html)
, prepend(String html)
- appendText(String text)
, prependText(String text)
- appendElement(String tagName)
, prependElement(String tagName)
- html(String value)
你想使用相似於CSS或jQuery的語法來查找和操做元素。
可使用Element.select(String selector)
和 Elements.select(String selector)
方法實現:
File input = new File("/tmp/input.html");
Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/");
Elements links = doc.select("a[href]"); //帶有href屬性的a元素
Elements pngs = doc.select("img[src$=.png]");
//擴展名爲.png的圖片
Element masthead = doc.select("div.masthead").first();
//class等於masthead的div標籤
Elements resultLinks = doc.select("h3.r > a"); //在h3元素以後的a元素
<div class="se-preview-section-delimiter"></div>
jsoup elements對象支持相似於CSS (或jquery)的選擇器語法,來實現很是強大和靈活的查找功能。
這個select
方法在Document
, Element
,或Elements
對象中均可以使用。且是上下文相關的,所以可實現指定元素的過濾,或者鏈式選擇訪問。
Select方法將返回一個Elements
集合,並提供一組方法來抽取和處理結果。
tagname
: 經過標籤查找元素,好比:a
ns|tag
: 經過標籤在命名空間查找元素,好比:能夠用 fb|name
語法來查找 <fb:name>
元素#id
: 經過ID查找元素,好比:#logo
.class
: 經過class名稱查找元素,好比:.masthead
[attribute]
: 利用屬性查找元素,好比:[href]
[^attr]
: 利用屬性名前綴來查找元素,好比:能夠用[^data-]
來查找帶有HTML5 Dataset屬性的元素[attr=value]
: 利用屬性值來查找元素,好比:[width=500]
[attr^=value]
, [attr$=value]
, [attr*=value]
: 利用匹配屬性值開頭、結尾或包含屬性值來查找元素,好比:[href*=/path/]
[attr~=regex]
: 利用屬性值匹配正則表達式來查找元素,好比: img[src~=(?i)\.(png|jpe?g)]
*
: 這個符號將匹配全部元素el#id
: 元素+ID,好比: div#logo
el.class
: 元素+class,好比: div.masthead
el[attr]
: 元素+class,好比: a[href]
a[href].highlight
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
: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)
: 查找自身包含文本匹配指定正則表達式的元素能夠查看Select API參考來了解更詳細的內容
在解析得到一個Document實例對象,並查找到一些元素以後,你但願取得在這些元素中的數據。
Node.attr(String key)
方法示例:
String html = "<p>An <a href='http://example.com/'><b>example</b></a> link.</p>";
Document doc = Jsoup.parse(html);//解析HTML字符串返回一個Document實現
Element link = doc.select("a").first();//查找第一個a元素
String text = doc.body().text(); // "An example link"//取得字符串中的文本
String linkHref = link.attr("href"); // "http://example.com/"//取得連接地址
String linkText = link.text(); // "example""//取得連接地址中的文本
String linkOuterH = link.outerHtml();
// "<a href="http://example.com"><b>example</b></a>"
String linkInnerH = link.html(); // "<b>example</b>"//取得連接內的html內容
<div class="se-preview-section-delimiter"></div>
上述方法是元素數據訪問的核心辦法。此外還其它一些方法可使用:
Element.hasClass(String className)
這些訪問器方法都有相應的setter方法來更改數據.
你有一個包含相對URLs路徑的HTML文檔,須要將這些相對路徑轉換成絕對路徑的URLs。
base URI
,而後abs:
屬性前綴來取得包含base URI
的絕對路徑。代碼以下: Document doc = Jsoup.connect("http://www.open-open.com").get();
Element link = doc.select("a").first();
String relHref = link.attr("href"); // == "/"
String absHref = link.attr("abs:href"); // "http://www.open-open.com/"
<div class="se-preview-section-delimiter"></div>
在HTML元素中,URLs常常寫成相對於文檔位置的相對路徑: <a href="/download">...</a>
. 當你使用 [Node.attr(String key)](http://jsoup.org/apidocs/org/jsoup/nodes/Node.html#attr(java.lang.String) "Get an attribute's value by its key.")
方法來取得a元素的href屬性時,它將直接返回在HTML源碼中指定定的值。
假如你須要取得一個絕對路徑,須要在屬性名前加 abs:
前綴。這樣就能夠返回包含根路徑的URL地址attr("abs:href")
所以,在解析HTML文檔時,定義base URI很是重要。
若是你不想使用abs:
前綴,還有一個方法可以實現一樣的功能 Node.absUrl(String key)
。
這個示例程序將展現如何從一個URL得到一個頁面。而後提取頁面中的全部連接、圖片和其它輔助內容。並檢查URLs和文本信息。
運行下面程序須要指定一個URLs做爲參數
package org.jsoup.examples;
import org.jsoup.Jsoup;
import org.jsoup.helper.Validate;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;
import java.io.IOException;
/** * Example program to list links from a URL. */
public class ListLinks {
public static void main(String[] args) throws IOException {
Validate.isTrue(args.length == 1, "usage: supply url to fetch");
String url = args[0];
print("Fetching %s...", url);
Document doc = Jsoup.connect(url).get();
Elements links = doc.select("a[href]");
Elements media = doc.select("[src]");
Elements imports = doc.select("link[href]");
print("\nMedia: (%d)", media.size());
for (Element src : media) {
if (src.tagName().equals("img"))
print(" * %s: <%s> %sx%s (%s)",
src.tagName(), src.attr("abs:src"), src.attr("width"), src.attr("height"),
trim(src.attr("alt"), 20));
else
print(" * %s: <%s>", src.tagName(), src.attr("abs:src"));
}
print("\nImports: (%d)", imports.size());
for (Element link : imports) {
print(" * %s <%s> (%s)", link.tagName(),link.attr("abs:href"), link.attr("rel"));
}
print("\nLinks: (%d)", links.size());
for (Element link : links) {
print(" * a: <%s> (%s)", link.attr("abs:href"), trim(link.text(), 35));
}
}
private static void print(String msg, Object... args) {
System.out.println(String.format(msg, args));
}
private static String trim(String s, int width) {
if (s.length() > width)
return s.substring(0, width-1) + ".";
else
return s;
}
}
org/jsoup/examples/ListLinks.java
<div class="se-preview-section-delimiter"></div>
Fetching http://news.ycombinator.com/...
Media: (38)
* img: <http://ycombinator.com/images/y18.gif> 18x18 ()
* img: <http://ycombinator.com/images/s.gif> 10x1 ()
* img: <http://ycombinator.com/images/grayarrow.gif> x ()
* img: <http://ycombinator.com/images/s.gif> 0x10 ()
* script: <http://www.co2stats.com/propres.php?s=1138>
* img: <http://ycombinator.com/images/s.gif> 15x1 ()
* img: <http://ycombinator.com/images/hnsearch.png> x ()
* img: <http://ycombinator.com/images/s.gif> 25x1 ()
* img: <http://mixpanel.com/site_media/images/mixpanel_partner_logo_borderless.gif> x (Analytics by Mixpan.)
Imports: (2)
* link <http://ycombinator.com/news.css> (stylesheet)
* link <http://ycombinator.com/favicon.ico> (shortcut icon)
Links: (141)
* a: <http://ycombinator.com> ()
* a: <http://news.ycombinator.com/news> (Hacker News)
* a: <http://news.ycombinator.com/newest> (new)
* a: <http://news.ycombinator.com/newcomments> (comments)
* a: <http://news.ycombinator.com/leaders> (leaders)
* a: <http://news.ycombinator.com/jobs> (jobs)
* a: <http://news.ycombinator.com/submit> (submit)
* a: <http://news.ycombinator.com/x?fnid=JKhQjfU7gW> (login)
* a: <http://news.ycombinator.com/vote?for=1094578&dir=up&whence=%6e%65%77%73> ()
* a: <http://www.readwriteweb.com/archives/facebook_gets_faster_debuts_homegrown_php_compiler.php?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+readwriteweb+%28ReadWriteWeb%29&utm_content=Twitter> (Facebook speeds up PHP)
* a: <http://news.ycombinator.com/user?id=mcxx> (mcxx)
* a: <http://news.ycombinator.com/item?id=1094578> (9 comments)
* a: <http://news.ycombinator.com/vote?for=1094649&dir=up&whence=%6e%65%77%73> ()
* a: <http://groups.google.com/group/django-developers/msg/a65fbbc8effcd914> ("Tough. Django produces XHTML.")
* a: <http://news.ycombinator.com/user?id=andybak> (andybak)
* a: <http://news.ycombinator.com/item?id=1094649> (3 comments)
* a: <http://news.ycombinator.com/vote?for=1093927&dir=up&whence=%6e%65%77%73> ()
* a: <http://news.ycombinator.com/x?fnid=p2sdPLE7Ce> (More)
* a: <http://news.ycombinator.com/lists> (Lists)
* a: <http://news.ycombinator.com/rss> (RSS)
* a: <http://ycombinator.com/bookmarklet.html> (Bookmarklet)
* a: <http://ycombinator.com/newsguidelines.html> (Guidelines)
* a: <http://ycombinator.com/newsfaq.html> (FAQ)
* a: <http://ycombinator.com/newsnews.html> (News News)
* a: <http://news.ycombinator.com/item?id=363> (Feature Requests)
* a: <http://ycombinator.com> (Y Combinator)
* a: <http://ycombinator.com/w2010.html> (Apply)
* a: <http://ycombinator.com/lib.html> (Library)
* a: <http://www.webmynd.com/html/hackernews.html> ()
* a: <http://mixpanel.com/?from=yc> ()
<div class="se-preview-section-delimiter"></div>
在你解析一個Document以後可能想修改其中的某些屬性值,而後再保存到磁盤或都輸出到前臺頁面。
可使用屬性設置方法 Element.attr(String key, String value)
, 和 Elements.attr(String key, String value)
.
假如你須要修改一個元素的 class
屬性,可使用 [Element.addClass(String className)](http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#addClass(java.lang.String) 和 [Element.removeClass(String className)](http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#removeClass(java.lang.String) 方法。
Elements
提供了批量操做元素屬性和class的方法,好比:要爲div中的每個a元素都添加一個rel="nofollow"
可使用以下方法:
doc.select("div.comments a").attr("rel", "nofollow");
<div class="se-preview-section-delimiter"></div>
與Element中的其它方法同樣,attr
方法也是返回當 Element (或在使用選擇器是返回 Elements集合)。這樣可以很方便使用方法連用的書寫方式。好比:
doc.select("div.masthead").attr("title", "jsoup").addClass("round-box");
<div class="se-preview-section-delimiter"></div>
你須要一個元素中的HTML內容
可使用Element中的HTML設置方法具體以下:
Element div = doc.select("div").first(); // <div></div>
div.html("<p>lorem ipsum</p>"); // <div><p>lorem ipsum</p></div>
div.prepend("<p>First</p>");//在div前添加html內容
div.append("<p>Last</p>");//在div以後添加html內容
// 添完後的結果: <div><p>First</p><p>lorem ipsum</p><p>Last</p></div>
Element span = doc.select("span").first(); // <span>One</span>
span.wrap("<li><a href='http://example.com/'></a></li>");
// 添完後的結果: <li><a href="http://example.com"><span>One</span></a></li>
<div class="se-preview-section-delimiter"></div>
能夠查看API參考文檔中 [Element.prependElement(String tag)](http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#prependElement(java.lang.String 「Create a new element by tag name, and add it as the first child.」)和[Element.appendElement(String tag)](http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#appendElement(java.lang.String 「Create a new element by tag name, and add it as the last child.」)方法來建立新的元素並做爲文檔的子元素插入其中。
你須要修改一個HTML文檔中的文本內容
可使用Element的設置方法::
Element div = doc.select("div").first(); // <div></div>
div.text("five > four"); // <div>five > four</div>
div.prepend("First ");
div.append(" Last");
// now: <div>First five > four Last</div>
<div class="se-preview-section-delimiter"></div>
文本設置方法與 HTML setter 方法同樣:
對於傳入的文本若是含有像 <
, >
等這樣的字符,將以文本處理,而非HTML。
在作網站的時候,常常會提供用戶評論的功能。有些不懷好意的用戶,會搞一些腳本到評論內容中,而這些腳本可能會破壞整個頁面的行爲,更嚴重的是獲取一些機要信息,此時須要清理該HTML,以免跨站腳本cross-site scripting攻擊(XSS)。
使用jsoup HTML Cleaner 方法進行清除,但須要指定一個可配置的 Whitelist。
String unsafe =
"<p><a href='http://example.com/' onclick='stealCookies()'>Link</a></p>";
String safe = Jsoup.clean(unsafe, Whitelist.basic());
// now: <p><a href="http://example.com/" rel="nofollow">Link</a></p>
XSS又叫CSS (Cross Site Script) ,跨站腳本攻擊。它指的是惡意攻擊者往Web頁面裏插入惡意html代碼,當用戶瀏覽該頁之時,嵌入其中Web裏面的html代碼會被執行,從而達到惡意攻擊用戶的特殊目的。XSS屬於被動式的攻擊,由於其被動且很差利用,因此許多人常忽略其危害性。因此咱們常常只讓用戶輸入純文本的內容,但這樣用戶體驗就比較差了。
一個更好的解決方法就是使用一個富文本編輯器WYSIWYG如CKEditor 和 TinyMCE。這些能夠輸出HTML並可以讓用戶可視化編輯。雖然他們能夠在客戶端進行校驗,可是這樣還不夠安全,須要在服務器端進行校驗並清除有害的HTML代碼,這樣才能確保輸入到你網站的HTML是安全的。不然,攻擊者可以繞過客戶端的Javascript驗證,並注入不安全的HMTL直接進入您的網站。
jsoup的whitelist清理器可以在服務器端對用戶輸入的HTML進行過濾,只輸出一些安全的標籤和屬性。
jsoup提供了一系列的Whitelist基本配置,可以知足大多數要求;但若有必要,也能夠進行修改,不過要當心。
這個cleaner很是好用不只能夠避免XSS攻擊,還能夠限制用戶能夠輸入的標籤範圍。