JavaScript 获取整个网页的完整内容,包括 html 标签。

简介: JavaScript 获取整个网页的完整内容,包括 html 标签。

在软件开发过程中,可以使用以下代码来获取到 body 标签中的内容:

document.body.innerHTML

但上述方式无法获取到诸如 head、html 等 body 标签之外的元素内容。如果需要获取整个网页上完整的 html 内容,可以使用以下 JavaScript 代码:

document.documentElement.outerHTML

在 CefSharp 中获取网页的完整 HTML 输出

在 CefSharp 中,可以通过 ChromiumWebBrowser 类型的 GetSourceAsync 方法获取网页的源代码。该方法返回的字符串包含 html 标签,但不包含通过 JavaScript 动态渲染出的内容

如果想获取包含动态渲染的内容(比如采集场景下),可以通过运行 JavaScript 代码的方式实现:

publicstaticasyncTask<string>GetDocumentHtml(ChromiumWebBrowserbrowser)
{
varresult=awaitbrowser.EvaluateScriptAsync("document.documentElement.outerHTML");
if (result.Success)
    {
returnresult.Result.ToString();
    }
else    {
returnawaitbrowser.GetSourceAsync();
    }
}


目录
相关文章
|
23天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
25 1
|
1月前
|
数据采集 Web App开发 JavaScript
JavaScript爬虫进阶攻略:从网页采集到数据可视化
JavaScript爬虫进阶攻略:从网页采集到数据可视化
|
7天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
11 2
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
19天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
23天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
24天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
25天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4
|
1月前
如何在HTML中添加标签
如何在HTML中添加标签【2月更文挑战第26天】
34 5
|
1月前
|
数据采集 JSON JavaScript
如何处理动态网页(例如使用 JavaScript 生成的内容)?
如何处理动态网页(例如使用 JavaScript 生成的内容)?
15 0