WPF webview2 demo

最新推荐文章于 2024-09-27 04:15:00 发布

宇文仲竹

最新推荐文章于 2024-09-27 04:15:00 发布

阅读量667

点赞数

文章标签： wpf

本文链接：https://blog.csdn.net/glc22/article/details/131500076

版权

该文章介绍了如何在WPF应用中集成WebView2控件，利用MicrosoftEdge的Chromium引擎展示网页内容。通过C#代码示例展示了如何初始化WebView2，监听导航事件，确保HTTPS安全导航，并与网页进行JavaScript交互更新地址栏。

摘要由CSDN通过智能技术生成

link:WPF 应用中的 WebView2 入门 - Microsoft Edge Development | Microsoft Learn

code:

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:webApp"
        xmlns:Wpf="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf" x:Class="webApp.MainWindow"
        mc:Ignorable="d"
        Title="MainWindow" Height="600" Width="450">
    <DockPanel>
        <DockPanel DockPanel.Dock="Top">
            <Button x:Name="ButtonGo" DockPanel.Dock="Right" Click="ButtonGo_Click" Content="Go"/>
            <TextBox Name = "addressBar"/>
        </DockPanel>
        <Wpf:WebView2 
            Name ="webView" Source="https://www.microsoft.com" Width="446" Margin="0,10,0,10" RenderTransformOrigin="0.5,0.5">
            <Wpf:WebView2.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform AngleY="0.521"/>
                    <RotateTransform/>
                    <TranslateTransform Y="3.591"/>
                </TransformGroup>
            </Wpf:WebView2.RenderTransform>
        </Wpf:WebView2>

    </DockPanel>
</Window>


namespace webApp
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    { 
        public MainWindow()
        {
            InitializeComponent();
            webView.NavigationStarting += EnsureHttps;
            InitializeAsync();
        }
         
        async void InitializeAsync()
        {
            await webView.EnsureCoreWebView2Async(null);
            webView.CoreWebView2.WebMessageReceived += UpdateAddressBar;

            await webView.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("window.chrome.webview.postMessage(window.document.URL+'abc');");
            await webView.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("window.chrome.webview.addEventListener(\'message\', event => alert(event.data));");
        }

        void UpdateAddressBar(object sender, CoreWebView2WebMessageReceivedEventArgs args)
        {
            String uri = args.TryGetWebMessageAsString();
            addressBar.Text = uri;
            webView.CoreWebView2.PostWebMessageAsString(uri);
        }

        private void ButtonGo_Click(object sender, RoutedEventArgs e)
        {
            if (webView != null && webView.CoreWebView2 != null)
            {
                webView.CoreWebView2.Navigate(addressBar.Text);
            }
        } 

        void EnsureHttps(object sender, CoreWebView2NavigationStartingEventArgs args)
        {
            String uri = args.Uri;
            if (!uri.StartsWith("https://"))
            {
                webView.CoreWebView2.ExecuteScriptAsync($"alert('{uri} is not safe, try an https link')");
                args.Cancel = true;
            }
        }
    }
}