WPF内嵌网页的两种方式

时间:2023-01-30 01:17:57

在wpf程序中,有时会内嵌网页。内嵌网页有两种方法,一种是使用wpf自带WebBrowser控件来调用IE内核,另一种是使用CefSharp包来调用chrom内核。

一、第一种使用自带WebBrowser:

1、直接在界面XAML文件中添加如下代码

WPF内嵌网页的两种方式
1 <Grid>
2 <Grid.RowDefinitions>
3 <RowDefinition Height="auto"/>
4 <RowDefinition Height="*"/>
5 </Grid.RowDefinitions>
6 <Button Content="{DynamicResource Exit}" Style="{StaticResource ButtonStyle}" Command="{Binding ExitCommand}"></Button>
7 <WebBrowser Grid.Row="1" x:Name="MyIE" Source="https://www.baidu.com/"></WebBrowser>
8 </Grid>
WPF内嵌网页的两种方式

效果如下:

WPF内嵌网页的两种方式

二、第二种,使用CefSharp包调用chrom内核

1、在解决方案资源管理器-》引用-》右键-》管理NuGet包,下载下图所示的两个包

WPF内嵌网页的两种方式

2、在引用文件中添加xmlns:cefSharp="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"

3、在界面XAML文件中添加如下代码:

WPF内嵌网页的两种方式
1 <Grid>
2 <Grid.RowDefinitions>
3 <RowDefinition Height="auto"/>
4 <RowDefinition Height="*"/>
5 </Grid.RowDefinitions>
6 <Button Content="{DynamicResource Exit}" Style="{StaticResource ButtonStyle}" Command="{Binding ExitCommand}"></Button>
7 <cefSharp:ChromiumWebBrowser Grid.Row="1" Name="MyChrom" Address="https://www.baidu.com/"/>
8 </Grid>
WPF内嵌网页的两种方式

4、解决方案资源管理器-》项目-》属性-》生成,修改平台目标为x86或者x64(使用cefSharp,必须指定目标平台,不能为AnyCPU)

WPF内嵌网页的两种方式

效果如下:

WPF内嵌网页的两种方式

三、常见问题及解决方法

1、与.net版本不匹配

WPF内嵌网页的两种方式

两种解决方法:

(1)下载一个低版本的NuGet包

(2)解决方案资源管理器-》项目-》属性-》应用程序,目标框架改为4.5.2

WPF内嵌网页的两种方式

2、出现错误:

问题签名:
问题事件名称: CLR20r3
问题签名 01: XXX.exe
问题签名 02: 1.0.0.0
问题签名 03: f62cc746
问题签名 04: CefSharp.Wpf
问题签名 05: 49.0.1.0
问题签名 06: 574e0907
问题签名 07: 81
问题签名 08: 0
问题签名 09: System.IO.FileNotFoundException
OS 版本: 6.1.7601.2.1.0.256.1
区域设置 ID: 2052
其他信息 1: 3b8f
其他信息 2: 3b8f40338d3d7600dda7280b94b47c80
其他信息 3: a55c
其他信息 4: a55ca54e15598fd09281b24e67624ba3

联机阅读隐私声明:
http://go.microsoft.com/fwlink/?linkid=104288&clcid=0x0804

如果无法获取联机隐私声明,请脱机阅读我们的隐私声明:
C:\Windows\system32\zh-CN\erofflps.txt

这个错误是作者将自己电脑程序拷贝到别人电脑时出现的错误,百度了很多,基本都是说.net版本不一致错误,安装了很多.net框架版本,并没有什么用。最后发现是由于缺少MicroSoft
Visual C++ Redistributable,下载各个版本的包安装即可。