WebView简介
在win10之前,浏览器控件有WPF版本webBrowser、Winform版本WebBrowser,浏览器内核为IE。
win10之后,微软不再维护原有的WebBrowser,转而推出UWP版本的WebView,可以适配于WPF、Winform程序。
WebView使用
限制条件:
- win10 - WebView的内核是Edge,所以只能在win10电脑上使用。在win7环境下,无法显示。
- .NET 版本 4.6.2及以上 - 在引用WebView控件时,要求当前项目的.net框架至少是4.6.2
在WPF中引用WebView:
在NuGet下搜索Microsoft.Toolkit.Forms.UI.Controls.WebView ,点击安装后,直接使用WebView控件就行了。
WebView当前已知缺陷:官网列出的缺陷列表Known Issues of the WebView
还有值得关注的是WebView在高DPI下显示比例不正常,官网文档上有解决方案
同时,WebView如果在后台初始化无法显示网页(如果放Xaml中,正常),调整窗口大小后则正常显示,目测可能因为宽高未自适应(待查找原因)。
WebView兼容
针对WebView以上提到的限制条件,只能在Win10中显示。那么是win7/win8环境下浏览器呢?
值得点赞的是,官网提供了一个兼容控件WebViewCompatible,不用我们去做兼容。
- 在win10下,基于Edge呈现
- 在win10以下版本,则使用IE
所以。。。。在win7/win8环境下原有WPF的坑依旧存在,比如透明窗口样式下无法显示问题
当然,如果你的程序主要是在Win10上运行,然后只是兼容win7/win8,WebViewCompatible绝对适合你。
各版本浏览器的Demo效果
点击下载Demo,查看在不同windows版本下的效果。
浏览器版本&Windows版本结果对比如下:
winform版本&WPF版本 - WebBrowser
- win10 & win7
- 默认样式 - 显示正常
- 透明窗口样式 - 显示空白(不可见,但可点击隐藏内容)
原因:winform版本&WPF版本,已经指定内核为IE浏览器,而IE浏览器内核在透明窗口样式下无法正常显示。
UWP版本-WebView
- win10下
- 默认样式 & 透明样式 - 显示正常
- win7下 程序崩溃
原因:UWP版本,除了要求.net4.6.2,还要求win10环境。而win10下,WebView的内核为Edge,所以显示正常
UWP兼容版本-WebViewCompatible
- win10下
- 默认样式 & 透明样式- 显示正常
- win7下
- 默认样式 - 显示正常
- 透明窗口样式 - 显示空白
原因:UWP兼容版本,要求.net4.6.2。win10下,WebViewCompatible的内核为Edge,所以显示正常;win7下,WebViewCompatible内核为IE浏览器,所以与WPF版本一样,如果窗口为透明窗口样式则显示空白。