WebBrowser修改默认白色背景

￡神魔★判官ぃ 2022-05-29 11:22 204阅读 0赞

**  背景：**在使用Winform的WebBrowser显示网页的时候，在网页还未加载完成之前会显示白色，刚好网页内容呈现黑色，这样视觉效果上就十分差，想把这层白色的去掉。

试了很久之后发现根本去不掉，应该是控件默认自带的颜色。那就只能更换思路，在网页加载完毕之后，也就是在事件DocumentCompleted中，再将webbrowser显示出来，但是坑就坑在这里，winfrom的webbrowser隐藏不了，试了很多种方式都不行比如直接.hide(),亦或是让其父容器变成collapsed

最后，想了想换成WPF的webbrowser，因为是WPF的，所以可以调用Visiablity属性，也就顺利隐藏了，还有种思路是

通过Opacity，透明属性，从0-1,但是我试了下不行。也即是说换成WPF的，是可以顺利解决这个白色背景的问题

但是因为涉及到跟网页JS交互，是需要通过获取到网页的源码，来得到其中的一些数据，Winform很简单可以使用自带的方法。代码如下：

private void bi_Click(object sender, RoutedEventArgs e)
            {
                var e1 = webBrowser.Document.All["size"];
                string x = e1.OuterHtml;
    
                System.Text.RegularExpressions.Regex regex = new System.Text.RegularExpressions.Regex("width=.*?&");
                var s = regex.Matches(x);
                if(s.Count>0)
                {
                    string str = s[0].Value.ToString();
                    string width=  str.Substring(str.IndexOf('=')+1, str.Length - str.IndexOf('=') - 2);
                }
            }

第一句var e1 = webBrowser.Document.All\["size"\];中的“size”是网页源码中的一个节点名，通过Document属性得到源码

然后在通过后面的正则找到想要的信息。

但是在WPF中就行不通了，WPF中的WebBrowser虽然也有Document属性但是是Object类型的，也就是说只能看不能用。如果想用那么必须需要加入Miscrsoft.mshtml这个DLL，这个应该是windows自带的动态库，但是项目临近发布，为了防止某些机器上可能会不存在所以没敢加上，那为什么不直接加到安装包里面呢，因为看了下这个DLL有7M之大，整个安装包目前也就50M左右，为了这个小小的功能加7M得不偿失。

**最后：**再次更换思路，还是Winform的，一开始就去访问网页，然后在DocumentComplet中，再将Webborwser的父控件显示出来。

**结论:**使用webbrowser虽然在客户端中体验会好点，但还是建议直接调用浏览器显示网页，或者改用chrome,也就是cef，能避免很多坑，因为这两个webbrowser都是很古老的东西了，其调用的IE内核还是IE7的兼容模式，根本不符合主流网页的要求(IE8以上)。像淘宝等网站用webBrowser就会直接提示无法使用。可以通过修改注册表来更改webbrowser所调用的IE内核，但是这种方法繁琐而且不稳定，关键我自己试了下发现没什么用 - -。