winform中webBrowser打开html时网页中控件错位及动画缺失的问题

码拜

8年 ago

首先，这是引起这次问题的 URL ： http://www.html5tricks.com/demo/html5-css3-image-selector/index.html
以及这个素材的介绍页： http://www.html5tricks.com/html5-css3-image-selector.html
首先，这是浏览器中这个网页的效果

然后本人直接用webbowser打开这个网址，效果如下
（点击图片没有了动画效果和对号，而且上面的文字也脱离了按钮）

private void Form3_Load(object sender, EventArgs e)
        {
            try
            {
                //webBrowser1.ScriptErrorsSuppressed = true;
                //webBrowser1.Navigate(new Uri(System.IO.Path.Combine(Application.StartupPath, "html5/select/index.html")));
                webBrowser1.Navigate("http://www.html5tricks.com/demo/html5-css3-image-selector/index.html");
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "异常", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
        }

这是为什么呢？
ps：本人下载了源代码，用webbowser打开本地地址，只是没有了广告而已

为什么呢？

解决方案

人家使用的某 js 类库不兼容于 IE 低版本。

webbowser默认是以IE7的兼容性模式打开，你看下这个页面要求是在IE几下运行正常，可通过修改注册表强制webbowser使用高版本内核打开页面。
32位系统强制使用IE11内核示例：
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION]
“winform程序名称.exe”=dword:00011001
64位系统强制使用IE11内核示例：
[HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION]
“winform程序名称.exe”=dword:00011001