如何在WPF WebBrowser控件中完整加载含所有JS的React应用？

问题根源是WPF自带的WebBrowser控件默认使用旧版IE内核（通常是IE7/8），而React应用依赖的现代JavaScript语法（如箭头函数、ES6+特性）在旧IE中不支持，导致脚本执行失败，最终显示空白。

以下是具体解决步骤：

1. 强制WebBrowser使用最新IE内核 #

方式一：通过注册表配置（最可靠） #

打开注册表编辑器（regedit），导航到对应路径：

• 针对当前用户：HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
• 针对所有用户：HKEY_LOCAL_MACHINE\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION

右键创建DWORD（32位）值，命名为你的WPF应用程序的.exe文件名（比如WpfReactApp.exe），设置值为：

• 11001：强制使用IE11的边缘模式（推荐）
• 10001：强制使用IE10模式

注意：64位系统下的32位程序，需在Wow6432Node路径下操作：HKEY_LOCAL_MACHINE\Software\Wow6432Node\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION

方式二：在React页面添加兼容标签 #

在React项目的public/index.html头部添加以下meta标签，提示IE使用最新内核渲染：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

该方式优先级低于注册表配置，若注册表已有旧内核设置，此标签可能不生效。

2. 屏蔽脚本错误弹窗（可选） #

在WPF代码中设置ScriptErrorsSuppressed属性，避免反复弹出错误对话框：

public MainWindow()
{
    InitializeComponent();
    webBrowser1.ScriptErrorsSuppressed = true; // 屏蔽脚本错误弹窗
    webBrowser1.Navigate("http://localhost:3000/");
}

注意：这仅屏蔽弹窗，核心仍需解决内核兼容问题，否则页面依然空白。

3. 验证解决方案 #

设置完成后重启WPF应用，WebBrowser应能正常加载React应用，执行现代JavaScript代码，不再显示空白。

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