【小沐学C#】WPF中嵌入web网页控件（WebBrowser、WebView2、CefSharp）

已于 2023-04-05 23:00:39 修改
阅读量6.8k 收藏 27
点赞数 8
分类专栏： C#.NET 文章标签： wpf c# webbrowser cef 网页控件
于 2023-03-25 08:44:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hhy321/article/details/129272302
版权

文章目录

1、简介

使用 Windows Presentation Foundation (WPF)，你可以创建适用于 Windows 且具有非凡视觉效果的桌面客户端应用程序。

1.1 WPF简介

WPF 的核心是一个与分辨率无关且基于矢量的呈现引擎，旨在充分利用现代图形硬件。 WPF 通过一套完善的应用程序开发功能对该核心进行了扩展，这些功能包括可扩展应用程序标记语言 (XAML)、控件、数据绑定、布局、二维和三维图形、动画、样式、模板、文档、媒体、文本和版式。 WPF 属于 .NET，因此可以生成整合 .NET API 其他元素的应用程序。

在这里插入图片描述
Windows Presentation Foundation (WPF) 是一个可创建桌面客户端应用程序的 UI 框架。 WPF 开发平台支持广泛的应用开发功能，包括应用模型、资源、控件、图形、布局、数据绑定、文档和安全性。 它是 .NET Framework 的子集，因此，如果你曾经使用 ASP.NET 或 Windows 窗体通过 .NET Framework 构建应用程序，应该会熟悉此编程体验。 WPF 使用 Extensible Application Markup Language (XAML)，为应用编程提供声明性模型。

WPF 为Windows Presentation Foundation的首字母缩写 ，中文译为“Windows呈现基础”，其原来代号为“Avalon”，因与“我佩服”拼音首字母组合一样，国内有人调侃地称之为“我佩服”。由 .NET Framework 3.0 开始引入，与 Windows Communication Foundation及 Windows Workflow Foundation并行为新一代 Windows操作系统以及 WinFX 的三个重大应用程序开发类库。

  • 对于WPF最重要的特色，矢量图的超强支持 。兼容支持2D绘图，比如矩形、自定义路径，位图等。文字显示的增强，XPS和消锯齿。三维强大的支持。包括3D控件及事件，与2D及视频合并打造更立 体效果。渐变、使用高精确的（ARGB）颜色，支持浮点类型的像素坐标。这些对GDI+远远不及的。
  • 灵活、易扩展的动画机制！.Net Framework 3.0类库提供了强大的基类，只需继承就可以实现自定义程序使用绘制。接口设计非常直观，完全面向对象的对象模型。使用对象描述语言XAML。使用开发工具的可视化编辑。
  • 您可以使用任何一种.Net编程语言（C#，VB NET等开发语言）进行开发。XAML主要针对界面的可视化控件描述，成生进会分析成.cs或.vb文件，并最后将编译为CLR中间运行语言。

1.2 WPF 体系结构

下图说明了 WPF 的主要组件。 关系图的红色部分（PresentationFramework、PresentationCore 和 milcore）是 WPF 的主要代码部分。 在这些组件中，只有一个是非托管组件 - milcore。 milcore 是以非托管代码编写的，目的是实现与 DirectX 的紧密集成。 WPF 中的所有显示均通过 DirectX 引擎完成，因此硬件和软件呈现都很高效。 WPF 还要求对内存和执行进行精细控制。 milcore 中的组合引擎受性能影响极大，需要放弃 CLR 的许多优点来提高性能。
在这里插入图片描述

1.3 WPF入门开发

  • （1）打开 Visual Studio。在“开始”窗口上，选择“创建新项目”。

  • （2）在“创建新项目”屏幕上，搜索“WPF”，选择“WPF 应用程序”，然后选择“下一步” 。
    在这里插入图片描述

  • （2）打开App.xaml (C#)。
    此 XAML 文件定义 WPF 应用程序以及任意应用程序资源。 还可以使用此文件指定在应用程序启动时自动显示的 UI（在本例中是 MainWindow.xaml）。
    在这里插入图片描述

在 C# 中如下所示：
在这里插入图片描述

  • （3）打开 MainWindow.xaml。
    此 XAML 文件是应用程序的主窗口，显示在页面中创建的内容。 Window 类定义窗口属性（例如标题、大小或图标），并处理事件（例如关闭或隐藏）。
    在这里插入图片描述
  • （4）设计用户界面
    将三种类型的控件添加到此应用程序：一个 TextBlock 控件、两个 RadioButton 控件和一个 Button 控件。
    在“工具箱”中，找到相应控件。
    在这里插入图片描述
  • （5）修改XAML 代码
    在 XAML 中将HelloButton 和 GoodbyeButton 的“内容”属性更新为 “Hello” 和 “Goodbye”。
    在这里插入图片描述
  • （6）按钮添加事件
    用户选择单选按钮，再选择按钮Button之后，会显示一个消息框。 选择 Hello 将显示一个消息框，选择 Goodbye 将显示另一个。 若要创建此行为，请将代码添加到 MainWindow.xaml.cs 中的 Button_Click 事件。
using System.Windows;

namespace WpfApp1
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
			if (HelloButton.IsChecked == true)
			{
			     MessageBox.Show("Hello.");
			}
			else if (GoodbyeButton.IsChecked == true)
			{
			    MessageBox.Show("Goodbye.");
			}
        }
    }
}

启动调试程序 （按“F5”）。 你现在应该可以看到应用程序的 MainWindow窗口。
在这里插入图片描述

  • （7）添加窗口背景
        <Grid.Background>
            <ImageBrush ImageSource="piper-banner.jpg"/>
        </Grid.Background>

添加代码位置如下：
在这里插入图片描述

图片资源的存放位置如下：
在这里插入图片描述
修改图片对象的属性：
在这里插入图片描述
将图片对象的属性的生成操作改为：Resource
在这里插入图片描述

再次启动调试程序 （按“F5”）。 你现在应该可以看到应用程序的 MainWindow窗口。
在这里插入图片描述

2、WebBrowser

2.1 WebBrowser特点

WebBrowser控件内部使用IE的引擎，因此使用WebBrowser我们必须安装IE浏览器。
WebBrowser使用的是IE内核，许多H5新特性都不支持，然后使用谷歌内核和火狐内核会使软件的体积增加至几十MB。
在这里插入图片描述

WebBrowser 控件为 WebBrowser ActiveX 控件提供了托管包装器。 托管包装器可在 Windows 窗体客户端应用程序中显示网页。 你可以使用 WebBrowser 控件在应用程序中复制 Internet Explorer Web 浏览功能，也可以禁用默认 Internet Explorer 功能并将该控件用作简单的 HTML 文档查看器。

WPF 带有一个随时可用的 WebBrowser控件，它允许您在应用程序中托管一个完整的 Web 浏览器。WebBrowser 控件实际上只是 Internet Explorer 的 ActiveX 版本的外壳，但由于它是 Windows 的集成部分，因此您的应用程序应该可以在所有 Windows 机器上运行，而无需安装其他组件。

2.2 WebBrowser常用的属性、方法和事件

The WebBrowser control provides the following capabilities:

  • Navigation: Source, Navigate, NavigateToStream, NavigateToString, and Refresh.
  • Navigation Lifetime: Navigating, Navigated, and LoadCompleted.
  • Navigation Journaling: CanGoBack, GoBack, CanGoForward, and GoForward.
  • WPF/HTML Interoperability: InvokeScript and ObjectForScripting, and Document.

2.3 入门例子

  • （1）方法1：直接在XAML代码中使用webBrowser控件：
    在这里插入图片描述

  • （2）方法2：通过工具箱的webBrowser控件添加实现：
    打开工具箱窗口：
    在这里插入图片描述
    找到webBrowser控件:
    在这里插入图片描述
    将webBrowser控件拖拽到窗口MainWindow上：
    在这里插入图片描述
    修改webBrowser控件的网址属性Source：

<WebBrowser HorizontalAlignment="Left" Height="207" Margin="71,87,0,0" VerticalAlignment="Top" Width="629" Source="https://cn.bing.com/search?q=java"/>

直接编译运行：
在这里插入图片描述

添加一个文本框和一个按钮，进行网址浏览切换。
修改XAML代码如下：

<StackPanel>
    <StackPanel Orientation="Horizontal">
        <TextBox x:Name="addressTextBox" Width="200" />
        <Button Click="goNavigateButton_Click">Go</Button>
    </StackPanel>
    <WebBrowser x:Name="webBrowser1" HorizontalAlignment="Left" Height="339" Margin="10,10,0,-0.333" VerticalAlignment="Top" Width="773" Source="https://cn.bing.com/search?q=python"/>
</StackPanel>

修改按钮的鼠标点击事件：

private void goNavigateButton_Click(object sender, RoutedEventArgs e)
{
    // Get URI to navigate to  
    Uri uri = new Uri(this.addressTextBox.Text, UriKind.RelativeOrAbsolute);

    // Only absolute URIs can be navigated to  
    if (!uri.IsAbsoluteUri)
    {
        MessageBox.Show("The Address URI must be absolute. For example, 'http://www.microsoft.com'");
        return;
    }

    // Navigate to the desired URL by calling the .Navigate method  
    this.webBrowser1.Navigate(uri);
}

在这里插入图片描述

2.4 echarts例子

  • （1）从echarts官网下载echarts.js

  • （2）编写网页文件index.html:

<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=5,6,7,8,9,10,11, chrome=1" />
    <title>ECharts</title>
</head>

<body>
    <h1>爱看书的小沐测试</h1>
    <div id="main" style="width:1000px;height:300px;" />
    <script src="echarts.js"></script>
    <script>
        myChart = echarts.init(document.getElementById('main'));
        option = {
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line'
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>
  • （3）在上面wpf入门例子的基础上，MainWindow.xaml.cs添加代码：
using System;
using System.Windows;
using System.IO;

namespace WpfApp1
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.webBrowser1.Navigate(new Uri(Directory.GetCurrentDirectory() + "/index.html"));
        }
    }
}
  • （4）将echarts.js和index.html文件放在工程的输出文件夹下：
    在这里插入图片描述
  • （5）运行程序，如下：
    在这里插入图片描述
    当然WebBrowser初始的过程，也可以写在其他地方。在Windows标记中我们需要一个Load事件用于让WebBrowser跳转到相应的页面。
<Window x:Class="WpfApp1.MainWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="454.837" Width="1009.365" Loaded="Window_Loaded">

再在MainWindow.xaml.cs添加代码：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    this.webBrowser1.Navigate(new Uri(Directory.GetCurrentDirectory() + "/index.html"));
}

再增加一个例子，修改index.html，如下：

<!DOCTYPE html>

<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=5,6,7,8,9,10,11, chrome=1" />
    <title>ECharts</title>
</head>

<body>
    <h1>爱看书的小沐测试</h1>
    <div id="main" style="width:1000px;height:300px;" />
    <script src="echarts.js"></script>
    <script>
        myChart = echarts.init(document.getElementById('main'));
        myChart.setOption({
            series: [
                {
                    name: '访问来源',
                    type: 'pie',    // 设置图表类型为饼图
                    radius: '55%',  // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
                    data: [          // 数据数组，name 为数据项名称，value 为数据项值
                        { value: 235, name: '视频广告' },
                        { value: 274, name: '联盟广告' },
                        { value: 310, name: '邮件营销' },
                        { value: 335, name: '直接访问' },
                        { value: 400, name: '搜索引擎' }
                    ]
                }
            ]
        })
    </script>
</body>
</html>

在这里插入图片描述

3、WebView2

3.1 WebView2简介

Microsoft Edge WebView2 控件允许在本机应用中嵌入 web 技术(HTML、CSS 以及 JavaScript)。 WebView2 控件使用 Microsoft Edge 作为绘制引擎，以在本机应用中显示 web 内容。
在这里插入图片描述

  • Web 生态系统和技能集。 利用 web 生态系统中存在的整个 web 平台、库、工具以及人才。
  • 快速创新。 Web 开发允许快速部署和迭代。
  • Windows 10和 11 支持。 支持跨Windows 10和Windows 11提供一致的用户体验。
  • 本机功能。 访问完整的本机 API 集。
  • 代码共享。 向代码库添加 web 代码可以增加跨多个平台的重用。
  • Microsoft 支持。 Microsoft 在受支持的平台上提供支持并添加新功能请求。
  • 常青分布。 依赖带有定期平台更新和安全修补的最新版 Chromium。
  • 已修复版本分布。 也可以在应用中打包特定版本的 Chromium 位。
  • 增量采用。 逐步将 web 组件添加到应用。

3.2 WebView2接口

CoreWebView2Environment (或等效接口的 、 CoreWebView2Controller和 CoreWebView2 类) 协同工作，以便应用可以托管 WebView2 浏览器控件并访问其浏览器功能。 这三个大类公开了各种 API，主机应用可以访问这些 API，从而为用户提供许多与浏览器相关的功能类别。

  • 类 CoreWebView2Environment 表示一组 WebView2 控件，这些控件共享相同的 WebView2 浏览器进程、用户数据文件夹和呈现器进程。 在此类CoreWebView2Environment中，将创建 和 CoreWebView2 实例对CoreWebView2Controller。
  • 类 CoreWebView2Controller 负责与托管相关的功能，例如窗口焦点、可见性、大小和输入，应用在其中托管 WebView2 控件。
  • 类 CoreWebView2 适用于 WebView2 控件的特定于 Web 的部分，包括网络、导航、脚本以及分析和呈现 HTML。

3.3 入门例子

使用 WPF 应用程序或 WPF 应用 (.NET Framework) 项目模板创建 WPF 应用，然后为项目安装 WebView2 SDK 以添加 WebView2。

单击标题为 WPF 应用 (.NET Framework) 的项目模板，并在客户端应用程序Windows Presentation Foundation说明文本：
在这里插入图片描述
安装Microsoft.Web.WebView2程序包

Install-Package Microsoft.Web.WebView2

当前工程文件夹里增加了如下文件：
在这里插入图片描述
当前工程的引用中增加了如下：
在这里插入图片描述

添加名字空间：

xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"

添加控件：

<wv2:WebView2  Name="webView" Source="https://tianfang.cnblogs.com"/>

在这里插入图片描述
文件MainWindow.xaml.cs添加代码：

using Microsoft.Web.WebView2.Core;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;

namespace WpfWebView2
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        //WebView2 webView21 = new WebView2();
        private async void MainWindow_OnLoaded(object sender, EventArgs e)
        {
           // webView21.Dock = DockStyle.Fill;
           // this.Controls.Add(webView21);

            webView21.Source = new Uri("http://www.baidu.com");
            await webView21.EnsureCoreWebView2Async();
            webView21.CoreWebView2.NewWindowRequested += CoreWebView2_NewWindowRequested;
        }

        private void CoreWebView2_NewWindowRequested(object sender,CoreWebView2NewWindowRequestedEventArgs e)
        {
            e.NewWindow = (CoreWebView2)sender;
            //e.Handled = true;
        }
    }
}

运行之后：
在这里插入图片描述

在这里插入图片描述

4、CefSharp

4.1 CefSharp简介

一个开源的浏览器包CefSharp，它支持Winform和WPF，内嵌了Chrome浏览器组件并且有比较详细的说明文档。

CefSharp允许您在.NET应用程序中嵌入Chromium。它是围绕Marshall A. Greenblatt的Chromium Embedded Framework（CEF）的轻量级.NET包装器。大约 30% 的绑定是用 C++/CLI 编写的，这里的大部分代码都是 C#。它可以从 C# 或 VB 或任何其他 CLR 语言使用。CefSharp 提供 WPF 和 WinForms Web 浏览器控件实现。

4.2 CefSharp安装

通过Nuget安装，右击项目 -> 管理Nuget程序包 -> 在打开的界面中搜索CefSharp，依次安装 CefSharp.Common和 CefSharp.Wpf ，至于 cef.redist.x64和 cef.redist.x86会自动安装。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用时可以直接在xaml文件中直接添加ChromiumWebBrowser控件，不过ChromiumWebBrowser控件特别消耗内存，所以代码里动态添加也是一种不错的选择。

4.3 入门例子

MainWindow.xaml中修改如下：

<Window x:Class="WpfCefSharp.MainWindow"
        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:WpfCefSharp"
        xmlns:wpf="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    
    <Grid x:Name="ctrlBrowerGrid">
        <wpf:ChromiumWebBrowser x:Name="myWebCtl"/>
    </Grid>
</Window>

在这里插入图片描述

MainWindow.xaml.cs文件中操作控件访问网址：

using CefSharp;
using System.Windows;

//Predefined type 'System.ValueTuple´2´ is not defined or imported
//如果要定位到.NET 4.6.1或更低版本或.NET Core，则需要安装NuGet软件包System.ValueTuple：
//Install-Package “System.ValueTuple”

namespace WpfCefSharp
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            //
            //静态添加和操作控件：
            myWebCtl.Load("www.baidu.com");
       }
    }
}

运行如下：
在这里插入图片描述

结语

如果您觉得该方法或代码有一点点用处，可以给作者点个赞，或打赏杯咖啡；╮(￣▽￣)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果您需要相关功能的代码定制化开发，可以留言私信作者；(✿◡‿◡)
感谢各位大佬童鞋们的支持！( ´ ▽´ )ﾉ ( ´ ▽´)っ！！！

爱看书的小沐
关注
  • 8
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wpf实现WebBrowser嵌入自定义网页功能 wpf页面和网页相互通信
12-05
wpf 实现WebBrowser嵌入自定义网页功能 wpf页面和网页相互通信，相互传递数据。通过wpf控制网页内容，通过js控制wpf页面内容。wpf集成web地图。
WPF与WebView2双向通信 WPF发送数据到WebView2显示的网页当中 WPF制作的浏览器与网页双向通信 WPF与网页
12-27
 现在需要c#的数据与显示的网页能双向通信 WPF与WebView2之间的相互通信具有以下优点： 灵活性： 双向通信使得本地应用程序能够与网页内容无缝集成，提供丰富的交互体验。 代码复用： 网页开发者可以复用现有的Web技术栈和前端框架，同时利用WPF的强大功能。 安全性和隔离性： 通过WebView2，网页内容在单独的进程中运行，提供了额外的安全层和资源隔离。 性能优化： 相比于传统的嵌入式浏览器控件，WebView2基于现代的Chromium内核，提供了更好的性能和兼容性。 扩展性： 通过JavaScript接口和消息传递机制，可以轻松地扩展和定制WebView2的功能，满足特定的应用需求。 更新和维护： 由于WebView2依赖于持续更新的Chromium项目，因此可以享受到最新的Web特性和安全性修复。
(C#窗体应用程序嵌套web网页)简单教程：使用webBrowser控件展示web网页，以及在使用的过程中出现的常见问题！跟着我按步骤来实现吧
2302_78387246的博客
02-27 506
使用webBrowser控件展示web网页，以及在使用的过程中出现的常见问题！页面和代码都很简单，尤其是第一次尝试的小白选手，一看就懂，跟着我来试一下吧
C#中WebBrowser控件的简单调用
04-21
1，在项目中引用程序集拓展中的Microsoft.mshtml后，可以在公共控件中找到WebBrowser控件。 2，在窗体中加入三个按钮，然后添加WebBrowser控件，右键控件选属性，设置相应的属性。 3，设置WebBrowser控件的属性 public Form1() { InitializeComponent(); webBrowser1.ScriptErrorsSuppressed = true; //跳过脚本错误提示 } 4，双击按钮添加代码，调用WebBrowser控件的Navigate方法实现显示不同网页 private void button1_Click(object sender, EventArgs e) { webBrowser1.Navigate("网址"); } 5，实现点链接而不弹窗，右击WebBrowser控件选择属性，在相应属性面板中查看它所支持的事件，激活NewWindow事件，在事件函数中添加如下代码； private void webBrowser1_NewWindow(object sender, CancelEventArgs e) { //防止弹窗； e.Cancel = true; string url = this.webBrowser1.StatusText; this.webBrowser1.Url = new Uri(url); }
WPF混合开发之WebView2(一) 简介及环境搭建
角落里的老鼠
06-28 6033
微软基于Edge浏览器推出了webview2控件，用于解决混合开发的痛点，下面就一起来了解一下吧！
C# .NET 6.0已经取消了Framework 4.8的WebBrowser控件，几款NuGet中的浏览器控件介绍
m0_58015531的博客
06-23 2723
技术是好的与坏的，好人用技术是更好的，坏人用技术是更坏的。CefSharp：CefSharp是一个基于Google Chrome的开源项目，它提供了一个强大的浏览器控件，可以在C#应用程序中嵌入和使用。请注意，WebView2控件是.NET 6.0中推荐使用的浏览器控件，因为它基于Chromium引擎，提供了更现代和强大的Web浏览体验。柏拉图在他的巨著《理想国》的第七卷里写到了洞穴理论阐明：一群从小被囚禁生活在洞穴里人，在洞穴外面的光线照明下，往内看是一片片黑影，往外看是光明的海阔天空，越看越明亮！
C# 关于浏览器——WebBrowser篇
仅次于狼的博客
12-13 6706
最近要写一个浏览器包裹一个网站，试了各种浏览器插件，记录一下。 第一个就是微软的WebBrowser，这个很容易，直接拖过来，然后写一下注册表调用IE11的内核显示，这个代码是抄的： /// <summary> /// 修改注册表信息来兼容当前程序 /// /// </summary> static void SetWebBrowserFeatures(int ieVersion) {
C# 网络编程之webBrowser获取网页url和下载网页中图片
ithome
10-05 831
该文章主要是通过C#网络编程的webBrowser获取网页中的url并简单的尝试瞎子啊网页中的图片,主要是为以后网络开发的基础学习.其中主要的通过应用程序结合网页知识、正则表达式实现浏览、获取url、下载图片三个功能.而且很清晰的解析了每一步都是以前一步为基础实现的. 一.界面设计 界面设计如下图所示,添加控件如图,设置webBrowser1其Anchor属性为Top、Bottom、Left、...
C# Winform 中使用 Webview2
笨笨D幸福 - 后花园
05-06 5952
目前的windows/Linux下的UI方案，以Qt为主，Flutter, Electron为辅，其他的各种UI都是不堪大用。除了使用CEF的Qt/C++/C#方案，Qt+WebEngine, 目前在Windows下各家的最终归路都转向Webview2方案，可以极大地减少发布的程序的大小。
【WPF嵌套vue3】5. .netcore 6.0 WPF 使用CefSharp
weixin_43627719的博客
09-20 853
CEF ，全称Chromium Embedded Framework ，基于谷歌 Chromium项目的开源Web Browser控件，它的主要用途是嵌入了第三方应用以实现浏览器相关的功能。例如国内的360安全浏览器的兼容模式即IE的内核，极速模式即Chromium内核；最近微软新推出的Microsoft Edge也是基于Chromium开源项目实现的。
WPF下CefSharp的使用
Yaronzz
08-03 7328
之前一直使用WPF自带的WebBrowser控件，但由于它使用的是IE内核，巨无敌难用，还各种报错。于是换了一个开源的浏览器包CefSharp，它支持Winform和WPF，内嵌了Chrome浏览器组件并且有比较详细的说明文档。 开源项目地址 官方中文帮助文档 安装 通过Nuget安装，右击项目 -> 管理Nuget程序包 -> 在打开的界面中搜索CefSharp，依次安装 CefSharp.Common和 CefSharp.Wpf ，至于 cef.redist.x64和 cef.
C# 浏览器CefSharp71 支持视频播放(Winform&WPF)
05-21
支持mp3 mp4 flash 插件视频播放，包括Winform、WPF两个完整64位Demo，直接运行。
wpf框架下使用webview2浏览html文件和网页
12-27
1、实现了在wpf下加载网页 2、加载的webview可以实现js和css代码 3、实现页面内的表格的无限滚动
最新C# wpf WebView2覆盖上层控件解决办法
08-15
WebView2为WPF网页浏览工具，具有简单易用，页面显示清晰的优点。 但是，由于微软设计缺陷，无法进行分层界面设计，顶层控件会被遮挡住。 本样例很好的解决了上述问题，实现界面的分层控制，能够正常显示顶层控件。...
WPF简要制作浏览器 WPF中使用WebView2控件 WPF 应用中的 WebView2 WPF集成WebView2 完整例子
12-27
WPF简要制作浏览器 WPF中使用WebView2控件 WPF 应用中的 WebView2 WPF集成WebView2 完整例子及Demo c#使用WebView2例子
C# wpf 附加属性实现任意控件拖动调整大小
12-08
使用附加属性将各种控件拖动改变大小功能整合到一起，提高复用性和移植性，界面和逻辑分离，支持自定义拖动样式。原文链接：https://blog.csdn.net/u013113678/article/details/121719278
WPF2022终结版系列课程笔记 1 WPF 基本布局
weixin_43847546的博客
04-22 765
本笔记为B站微软系列技术教程 WPF项目实战合集(2022终结版) 项目记录。
WPF之Label
qq_3517289697的博客
04-25 239
Label在wpf中表示控件的文本标签，并提供访问密钥支持。
WPF 资源基础
最新发布
weixin_43847546的博客
04-26 240
Update 按钮 动态绑定的Button2边框变为黑色，Button1 未改变。需要控件，随着软件资源变化去改变的话，就使用DynamicResource 动态绑定。此时新建一个窗口，也同样能以相同的方式，使用资源字典里面的样式。提供一个可以供所有窗口使用的，资源样式 -----资源字典。此时，界面上能够成功引用资源文件里面的样式。在代码中，可以查找、设置 我们添加的资源。将资源字典的内容，添加到应用程序中。首先在项目中，添加一个资源字典。此时添加一些Button的样式。在App.xaml中添加。
网页js调用c#webview wpf 函数
06-07
在C#中使用WebView2控件，可以通过以下步骤让网页中的JavaScript调用C#中的函数： 1. 首先，在C#中定义一个公共函数，该函数需要使用[BindToBound]属性进行注释，以便WebView2控件可以访问它。例如： ```csharp public class MyObject { [BindToBound] public void SayHello(string message) { Console.WriteLine($"Hello {message}!"); } } ``` 2. 在XAML文件中，将WebView2控件添加到窗口中： ```xml <Window ... xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf" > <Grid> <wv2:WebView2 x:Name="webView" Source="https://www.example.com" /> </Grid> </Window> ``` 3. 在代码中，可以使用以下代码在WebView2控件加载完成后将C#对象注入到WebView2中： ```csharp private async void WebView_CoreWebView2Ready(object sender, RoutedEventArgs e) { await webView.EnsureCoreWebView2Async(); webView.CoreWebView2.AddHostObjectToScript("MyObject", new MyObject()); } ``` 4. 在网页中，你可以通过以下代码来调用C#中的函数： ```javascript // 调用C#中的函数 window.chrome.webview.hostObjects.MyObject.SayHello("World!"); ``` 当你在网页中执行以上代码时，C#中定义的SayHello函数将会被调用，并且会输出“Hello World!”的信息。 以上就是让网页中的JavaScript调用C#中的函数的步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值