C#使用AngleSharp庫解析html檔案

2022-06-14 14:03:30

一、簡介

AngleSharp:https://github.com/AngleSharp/AngleSharp

AngleSharp是一個.NET庫，使您能夠解析基於尖括號的超文字，例如HTML，SVG和MathML，該庫還支援未經驗證的XML，AngleSharp的一個重要方面是CSS也可以解析。
AngleSharp與類似的庫（例如HtmlAgilityPack）相比的優勢在於：

公開的DOM使用的是W3C官方指定的API，即，甚至在AngleSharp中也可以使用querySelectorAll之類的東西。
解析器還使用HTML 5.1規範，該規範定義了錯誤處理和元素校正。

AngleSharp庫專注於標準合規性，互動性和可延伸性。因此，它為使用C＃的Web開發人員提供了從在任何現代瀏覽器中使用DOM所獲得的所有可能性。

官方範例：https://github.com/AngleSharp/AngleSharp.Samples
這個簡單的範例將使用Wikipedia的網站進行資料檢索。

var config = Configuration.Default.WithDefaultLoader();
var address = "https://en.wikipedia.org/wiki/List_of_The_Big_Bang_Theory_episodes";
var context = BrowsingContext.New(config);
var document = await context.OpenAsync(address);
var cellSelector = "tr.vevent td:nth-child(3)";
var cells = document.QuerySelectorAll(cellSelector);
var titles = cells.Select(m => m.TextContent);

二、使用AngleSharp生成自動縮排格式化的html方法

1、操作DOM範例

//建立一個（可重用）解析器前端
var parser = new HtmlParser();
//html DOM節點
var source = "
<h1>Some example source</h1>
<p>This is a paragraph element</p>
";

//解析原始檔
var document = parser.Parse(source);
//建立P標籤
var p = document.CreateElement("p");
p.TextContent = "This is another paragraph.";
//新增到DOM
document.Body.AppendChild(p);
//返回完整html
var html = document.DocumentElement.OuterHtml;
ViewData["html"] = html;

效果展示

2、更改標籤屬性

給標籤新增自定義屬性

var parser = new HtmlParser();
 //為以下原始碼生成HTML DOM
var document = parser.Parse("
<ul>
<li>First element</li>
<li>Second element</li>
<li>third</li>
<li class='bla'>Last</li>
</ul>
");
//獲取所有li元素並將test屬性設定為值測試
var elements = document.QuerySelectorAll("li").Attr("test", "test");
 //元素仍然包含所有li元素
ViewData["html"] = document.DocumentElement.OuterHtml;

效果展示

3、使用AngleSharp生成html程式碼自動縮排格式化

var parser = new HtmlParser();
var document = parser.ParseDocument(text);
using (var writer = new StringWriter())
{
    document.ToHtml(writer, new PrettyMarkupFormatter
                            {
                                Indentation = "t",
                                NewLine = "n"
                            });
    var indentedText = writer.ToString();
}

4、使用AngleSharp下載獲取html程式碼

var requester = new DefaultHttpRequester("Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36");
requester.Headers.Add("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8");
requester.Headers.Add("Referer", "");
requester.Headers.Add("Accept-Language", "zh-Hans-CN,zh-Hans;q=0.8,en-US;q=0.5,en;q=0.3");
var context = BrowsingContext.New(Configuration.Default.WithLocaleBasedEncoding().WithDefaultLoader().WithDefaultCookies().With(requester));
//根據虛擬請求/響應模式建立檔案
var document = context.OpenAsync(url).Result;
using (var writer = new StringWriter())
{
    document.ToHtml(writer, new PrettyMarkupFormatter
                            {
                                Indentation = "t",
                                NewLine = "n"
                            });
    var indentedText = writer.ToString();
}

5、爬取豆瓣美女圖片

新建一個Belle類用於儲存獲取的圖片資訊

/// 
/// 解析html
/// 
public class Belle
{
        /// 
        /// 標題
        /// 
        public string Title { get; set; }
        /// 
        /// 圖片地址
        /// 
        public string ImageUrl { get; set; }
}

獲取html並解析

// 設定設定以支援檔案載入
var config = Configuration.Default.WithDefaultLoader();
// 豆瓣地址
var address = "https://www.dbmeinv.com/dbgroup/show.htm?cid=4";
// 請求豆辨網
var document =  BrowsingContext.New(config).OpenAsync(address);
// 根據class獲取html元素
var cells = document.Result.QuerySelectorAll(".panel-body li");
// We are only interested in the text - select it with LINQ
List list = new List();
foreach (var item in cells)
{
     var belle = new Belle
     {
         Title= item.QuerySelector("img").GetAttribute("title"),
         ImageUrl= item.QuerySelector("img").GetAttribute("src")
     };
     list.Add(belle);
 }
ViewData["html"] = list;

到此這篇關於C#使用AngleSharp庫解析html檔案的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支援it145.com。