WPF 使用webView显示浏览器网页

在WPF中显示一个可以操作的浏览器界面,你可以使用WebBrowser控件或WebView2控件。WebBrowser控件是基于IE内核的,而WebView2是基于Chromium内核的,推荐使用WebView2,因为它更现代且支持最新的Web标准。

使用 WebBrowser 控件

WebBrowser 控件是WPF内置的控件,使用起来比较简单,但功能有限。

  1. 在XAML中添加 WebBrowser 控件:

    xml 复制代码
    <Window x:Class="WpfBrowserApp.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="WPF Browser" Height="450" Width="800">
        <Grid>
            <WebBrowser Name="webBrowser" />
        </Grid>
    </Window>
  2. 在代码中导航到指定的URL:

    csharp 复制代码
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            webBrowser.Navigate("https://www.example.com");
        }
    }

使用 WebView2 控件

WebView2 是基于Chromium的现代浏览器控件,功能更强大,支持最新的Web标准。

  1. 安装 WebView2 NuGet 包:

    在Visual Studio中,右键点击项目 -> 管理NuGet包 -> 搜索 Microsoft.Web.WebView2 并安装。

  2. 在XAML中添加 WebView2 控件:

    xml 复制代码
    <Window x:Class="WpfBrowserApp.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
            Title="WPF Browser" Height="450" Width="800">
        <Grid>
            <wv2:WebView2 Name="webView" />
        </Grid>
    </Window>
  3. 在代码中初始化并导航到指定的URL:

    csharp 复制代码
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            InitializeAsync();
        }
    
        private async void InitializeAsync()
        {
            await webView.EnsureCoreWebView2Async(null);
            webView.CoreWebView2.Navigate("https://www.example.com");
        }
    }

总结

  • 如果你需要简单的浏览器功能,可以使用 WebBrowser 控件。
  • 如果你需要更现代、功能更强大的浏览器,推荐使用 WebView2 控件。

WebView2 是未来的趋势,尤其是在需要与现代Web技术交互的情况下。

相关推荐
heimeiyingwang1 天前
【架构实战】状态机架构:订单/工单状态流转设计
观察者模式·架构·wpf
KmSH8umpK2 天前
Redis分布式锁从原生手写到Redisson高阶落地,附线上死锁复盘优化方案进阶第三篇
redis·分布式·wpf
KmSH8umpK3 天前
Redis分布式锁从原生手写到Redisson高阶落地,附线上死锁复盘优化方案
redis·分布式·wpf
武藤一雄3 天前
WPF:MessageBox系统消息框
前端·microsoft·c#·.net·wpf
武藤一雄3 天前
WPF进阶:万字详解WPF如何性能优化
windows·性能优化·c#·.net·wpf·.netcore·鲁棒性
wangnaisheng3 天前
【WPF】路由事件详细使用
wpf
雨浓YN3 天前
GKMLT通讯工具箱(WPF MVVM) - 07-倍福ADS通讯
网络·wpf
雨浓YN3 天前
GKMLT通讯工具箱(WPF MVVM) - 04-三菱MC通讯
wpf
不会编程的懒洋洋3 天前
WPF XAML+布局+控件
xml·开发语言·c#·视觉检测·wpf·机器视觉·视图
雨浓YN3 天前
GKMLT通讯工具箱(WPF MVVM) - 06-OPCUA通讯
wpf