CefSharp WinForms加载HTML超2097152字符报错，求解决方案

问题原因 #

Chromium内核对URL长度有2MB（2097152字符）的限制，你使用LoadHtml(html, base64Encode: true)时，base64编码后的内容会被打包进URL，超出限制就触发报错。

解决方案1：用LoadString替代LoadHtml #

LoadString方法直接加载字符串内容，不通过URL传递，完全规避长度限制，是最直接的解决方式：

private CefSharp.WinForms.ChromiumWebBrowser chromiumWebBrowser1;

string html = Utils.GetEmbeddedResource(htmlFilePath);
html = html.Replace("/*NODES*/", nodesJson);

BrowserSettings settings = new BrowserSettings {
    DefaultEncoding = "utf-8"
};
chromiumWebBrowser1.BrowserSettings = settings;
// 替换LoadHtml为LoadString，无需base64编码
chromiumWebBrowser1.LoadString(html, "about:blank");

解决方案2：拆分模板与数据，通过JS绑定传递大体积数据 #

把HTML模板和大体积的nodesJson分离，先加载轻量的模板，再通过CefSharp的JS绑定把数据注入前端，这种方式更适合数据频繁更新的场景：

1. 加载纯HTML模板（不含nodesJson）

string htmlTemplate = Utils.GetEmbeddedResource(htmlFilePath);
chromiumWebBrowser1.LoadString(htmlTemplate, "about:blank");

2. 注册供前端调用的C#对象

在窗体初始化时注册JS绑定：

// 定义提供数据的类
public class DataProvider
{
    public string GetNodesJson()
    {
        return nodesJson; // 你的大体积JSON数据
    }
}

// 注册到CefSharp
chromiumWebBrowser1.JavascriptObjectRepository.Register("dataProvider", new DataProvider(), isAsync: false, options: BindingOptions.DefaultBinder);

3. 前端HTML中获取数据

在HTML的脚本部分调用C#对象获取数据：

<script>
    // 页面加载完成后获取数据
    window.onload = async function() {
        const nodesJson = await dataProvider.GetNodesJson();
        // 后续用nodesJson渲染页面逻辑
        renderNodes(JSON.parse(nodesJson));
    };

    function renderNodes(nodes) {
        // 你的页面渲染代码
    }
</script>

解决方案3：写入临时文件后加载本地路径 #

将拼接后的超长HTML写入临时文件，让CefSharp加载本地文件路径，完全不受字符串长度限制：

private CefSharp.WinForms.ChromiumWebBrowser chromiumWebBrowser1;

string html = Utils.GetEmbeddedResource(htmlFilePath);
html = html.Replace("/*NODES*/", nodesJson);

// 创建临时HTML文件
string tempFilePath = Path.Combine(Path.GetTempPath(), $"temp_{Guid.NewGuid()}.html");
File.WriteAllText(tempFilePath, html, Encoding.UTF8);

// 加载本地文件
chromiumWebBrowser1.Load($"file:///{tempFilePath.Replace("\\", "/")}");

// 可选：在窗体关闭时清理临时文件
FormClosing += (s, e) => {
    if (File.Exists(tempFilePath))
    {
        File.Delete(tempFilePath);
    }
};

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