如何在.NET 6的C#项目中执行HTML内JavaScript以生成标准HTML DOM

你需要的是支持JS执行、模拟浏览器渲染的类库，以下两个方案都可以实现和Chrome浏览器完全一致的渲染效果，完美适配.NET 6：

1. Puppeteer Sharp #

Puppeteer Sharp是Headless Chrome的.NET封装，基于Chrome DevTools协议实现，可完整模拟浏览器的JS执行、DOM渲染、异步请求处理等所有逻辑，无需用户手动安装浏览器，首次运行会自动下载匹配的Chromium内核。

基础使用示例： #

using PuppeteerSharp;

// 下载匹配版本的Chromium内核（仅首次运行需要）
var browserFetcher = new BrowserFetcher();
await browserFetcher.DownloadAsync();

// 启动无头浏览器
await using var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true });
await using var page = await browser.NewPageAsync();

// 加载目标HTML文件，也可以用SetContentAsync直接传入HTML文本内容
await page.GoToAsync("file:///你的HTML文件本地路径.html");

// 等待页面渲染完成，Networkidle0表示网络请求全部结束确认无动态内容加载
await page.WaitForNavigationAsync(new WaitForNavigationOptions 
{ 
    WaitUntil = new [] { WaitUntilNavigation.Networkidle0 }
});

// 获取JS执行渲染后的完整HTML DOM
var renderedHtml = await page.GetContentAsync();

2. Playwright for .NET #

微软官方推出的跨浏览器自动化工具，支持Chromium、Firefox、WebKit三个内核的无头模式，对前端新特性的兼容性更好，API设计更友好，同样支持自动下载依赖的浏览器内核。

基础使用示例： #

using Microsoft.Playwright;

// 初始化Playwright
var playwright = await Playwright.CreateAsync();

// 启动Chromium内核无头浏览器
await using var browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions { Headless = true });
var page = await browser.NewPageAsync();

// 加载目标HTML文件
await page.GotoAsync("file:///你的HTML文件本地路径.html");

// 等待页面完全加载
await page.WaitForLoadStateAsync(LoadState.NetworkIdle);

// 获取渲染完成的完整HTML
var renderedHtml = await page.ContentAsync();

方案选择建议 #

• 优先选择Puppeteer Sharp：生态更成熟，社区资源丰富，满足绝大多数动态HTML渲染需求
• 若需要多内核兼容、更复杂的前端自动化逻辑，选择Playwright for .NET

以上两种方案的渲染结果和桌面版Chrome浏览器打开的效果完全一致，可准确获取所有JS执行后生成的DOM结构。

内容的提问来源于stack exchange，提问作者Petrz147