C# WPF(.NET Framework)窗口使用HTML页面

C# WPF(.NET Framework)窗口使用HTML页面

由于Awesomium和DotNetBrowser目前都已经停止更新并不再推荐使用，所以我并没有写相关教程。

然后呢，我个人不喜欢.Net Core，所以WebView也没写，单纯个人喜好问题，以后想要用了再写吧。

WebBrowser

首先，在XAML文件中添加一个WebBrowser控件：

1
2
3
4
5
6
7
8
<Window x:Class="MyApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="HTML嵌入示例" Height="450" Width="800">
    <Grid>
        <WebBrowser x:Name="webBrowser" />
    </Grid>
</Window>

代码嵌入式

在后台代码中加载HTML内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
using System;
using System.Windows;

namespace MyApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // 在窗口加载时加载HTML
            Loaded += MainWindow_Loaded;
        }

        private void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            // 加载HTML内容
            webBrowser.NavigateToString("<html><body><h1>Hello, World!</h1></body></html>");
        }
    }
}

此示例在窗口加载时将显示一个包含标题 “Hello, World!” 的HTML页面。

外部文件绝对路径式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
using System;
using System.IO;
using System.Windows;
using System.Windows.Controls;

namespace WebBrowserExample
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            string filePath = @"C:\path\to\your\html\file.html";

            if (File.Exists(filePath))
            {
                webBrowser.Navigate(new Uri(filePath));
            }
            else
            {
                MessageBox.Show("指定的文件不存在！");
            }
        }
    }
}

在上面的示例中，我们假设你有一个 MainWindow（主窗口）并添加了一个名为 webBrowser 的 WebBrowser 控件。在窗口的 Loaded 事件中，我们指定了要加载的 HTML 文件的绝对路径。

外部文件相对路径式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
using System;
using System.IO;
using System.Windows;
using System.Windows.Controls;

namespace WebBrowserExample
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            string currentDirectory = Directory.GetCurrentDirectory();
            string relativePath = "your/html/file.html";
            string absolutePath = Path.Combine(currentDirectory, relativePath);

            if (File.Exists(absolutePath))
            {
                webBrowser.Navigate(new Uri(absolutePath));
            }
            else
            {
                MessageBox.Show("指定的文件不存在！");
            }
        }
    }
}

在上述示例中，我们假设你有一个 MainWindow（主窗口）并添加了一个名为 webBrowser 的 WebBrowser 控件。在窗口的 Loaded 事件中，我们首先获取当前目录的路径 currentDirectory，然后将其与相对路径 relativePath 合并为绝对路径 absolutePath。

最后，我们检查文件是否存在，如果文件存在，就使用 WebBrowser 控件的 Navigate 方法加载该文件；如果文件不存在，则弹出一个消息框提示文件不存在。

直接加载(无C#代码)

填写窗口XAML文件WebBrowser中的Address。

例如：

1
<WebBrowser x:Name="webBrowser" Address="https://blog.qingyi-studio.top/" />

简单吧，但是不方便修改，这个只适合最简单基础的。

CefSharp

在MainWindow.xaml文件中添加一个WebBrowser控件：

1
2
3
4
5
6
7
8
9
<Window x:Class="CefSharpDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:cefSharp="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"
        Title="CefSharp Demo" Height="350" Width="525">
    <Grid>
        <cefSharp:ChromiumWebBrowser x:Name="webBrowser" Address="about:blank" />
    </Grid>
</Window>

代码嵌入式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
using System.Windows;
using CefSharp;
using CefSharp.Wpf;

namespace CefSharpDemo
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            InitializeCefSharp();
            webBrowser.Loaded += WebBrowser_Loaded;
        }

        private void InitializeCefSharp()
        {
            var settings = new CefSettings();
            Cef.Initialize(settings);
        }

        private void WebBrowser_Loaded(object sender, RoutedEventArgs e)
        {
            string html = @"<html><body><h1>Hello, World!</h1></body></html>";
            webBrowser.LoadHtml(html, "https://localhost");
        }
        
        protected override void OnClosed(System.EventArgs e)
        {
            base.OnClosed(e);
            Cef.Shutdown();
        }
    }
}

在构造函数中，我们初始化了CefSharp引擎，并将webBrowser.Loaded事件处理器指向了WebBrowser_Loaded方法。这样，当webBrowser控件加载完成时，会触发该事件，然后在WebBrowser_Loaded方法中加载HTML内容。

注意，在WebBrowser_Loaded方法中，我们将HTML代码赋值给html变量，然后通过webBrowser.LoadHtml方法加载到webBrowser控件中。

现在，当启动此WPF应用程序时，它将在窗口加载完成后加载并显示Hello, World!的HTML内容。

外部文件绝对路径式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
using System;
using System.IO;
using System.Windows;
using CefSharp;
using CefSharp.Wpf;

namespace CefSharpDemo
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            InitializeCefSharp();

            Loaded += MainWindow_Loaded;
            Closed += MainWindow_Closed;
        }

        private void InitializeCefSharp()
        {
            var settings = new CefSettings();
            Cef.Initialize(settings);
        }

        private void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            string htmlFilePath = @"C:\path\to\your\html\file.html";
            LoadHtmlFromFile(htmlFilePath);
        }

        private void LoadHtmlFromFile(string filePath)
        {
            try
            {
                string htmlContent = File.ReadAllText(filePath);
                webBrowser.LoadHtml(htmlContent, "https://localhost");
            }
            catch (Exception ex)
            {
                // 处理加载错误
                MessageBox.Show($"Failed to load HTML file: {ex.Message}");
            }
        }

        private void MainWindow_Closed(object sender, EventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

在这个简化的示例中，我们假设要加载的HTML文件位于本地磁盘上的绝对路径C:\path\to\your\html\file.html。在MainWindow_Loaded方法中，我们调用LoadHtmlFromFile方法，并将HTML文件的路径作为参数传递给它。

LoadHtmlFromFile方法读取指定路径的HTML文件内容，并使用webBrowser.LoadHtml方法将内容加载到webBrowser控件中。如果加载过程中出现错误，我们通过一个简单的消息框显示错误信息。

在窗口关闭时，我们调用Cef.Shutdown方法来关闭CefSharp引擎。

外部文件相对路径式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
using System;
using System.IO;
using System.Reflection;
using System.Windows;
using CefSharp;
using CefSharp.Wpf;

namespace CefSharpDemo
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            InitializeCefSharp();

            Loaded += MainWindow_Loaded;
            Closed += MainWindow_Closed;
        }

        private void InitializeCefSharp()
        {
            var settings = new CefSettings();
            Cef.Initialize(settings);
        }

        private void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            string htmlFilePath = GetHtmlFilePath("file.html");
            LoadHtmlFromFile(htmlFilePath);
        }

        private string GetHtmlFilePath(string fileName)
        {
            //获取当前应用程序目录的路径
            string currentPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().GetName().CodeBase).Replace(@"file:\", "");
            //获取HTML文件的绝对路径
            string htmlFilePath = Path.Combine(currentPath, fileName);
            return htmlFilePath;
        }

        private void LoadHtmlFromFile(string filePath)
        {
            try
            {
                string htmlContent = File.ReadAllText(filePath);
                webBrowser.LoadHtml(htmlContent, "https://localhost");
            }
            catch (Exception ex)
            {
                // 处理加载错误
                MessageBox.Show($"Failed to load HTML file: {ex.Message}");
            }
        }

        private void MainWindow_Closed(object sender, EventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

这个简化的示例中，我们将要加载HTML文件放在程序的根目录下，并命名为file.html。在MainWindow_Loaded方法中，我们调用了GetHtmlFilePath方法，并将HTML文件名作为参数传递给它。

GetHtmlFilePath方法首先获取当前应用程序目录的路径，然后使用Path.Combine方法将HTML文件名与应用程序目录组合成完整路径，并返回该路径。

随后，我们调用LoadHtmlFromFile方法，并将HTML文件的完整路径作为参数传递给它。该方法读取指定路径的HTML文件内容，并使用webBrowser.LoadHtml方法将内容加载到webBrowser控件中。

如果加载过程中出现错误，我们通过一个简单的消息框显示错误信息。

在窗口关闭时，我们调用Cef.Shutdown方法来关闭CefSharp引擎。

请注意，我们使用了Path.GetDirectoryName(Assembly.GetExecutingAssembly().GetName().CodeBase)方法来获取当前目录的路径，而不是Environment.CurrentDirectory。这是因为当应用程序启动时，Environment.CurrentDirectory可能不是期望的路径。当然，如果你不在意的话，用Environment.CurrentDirectory也是可以的

C# > CefSharp
#C-Sharp #HTML #编程
C# WPF(.NET Framework)窗口使用HTML页面
https://blog.qingyi-studio.top/2023/09/13/C-WPF-NET-Framework-窗口使用HTML页面/
作者
Grey-Wind
发布于
2023年9月13日
更新于
2024年8月27日
许可协议