winform窗体嵌套HTML页面，开发出炫彩桌面程序

最新推荐文章于 2025-06-25 14:16:12 发布

转载

最新推荐文章于 2025-06-25 14:16:12 发布 · 2.3k 阅读

10 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yply/p/10026827.html

文章标签：

#ui #json #前端 #ViewUI

本文介绍了如何利用Chromium Embedded Framework（CEF）在WinForm应用程序中嵌入HTML页面，以创建具有丰富视觉效果的桌面程序。内容包括CEF的基本介绍、添加CEF组件到项目、实现简单页面嵌入以及与窗体逻辑交互的方法，并提供了相关代码示例和注意事项。

一：CEF全称Chromium Embedded Framework，是一个基于Google Chromium 的开源项目。Google Chromium项目主要是为Google Chrome应用开发的，而CEF的目标则是为第三方应用提供可嵌入浏览器支持。

二：winform窗体嵌套HTML页面需要CEF的相关组件添加到项目引用里，文章结尾附有链接，还有一个模板demo仅供参考　　

三：winform窗体嵌入HTML的两种情况

1，只是简单的嵌入HTML页面，没有form窗体和页面的逻辑交互，在引入cef组件的前提下，在winform窗体里添加一个panel，然后实例化ChromiumWebBrowser 对象传入请求页面地址，最后把页面添加到panel控件里

winform窗体代码

using System;
using System.Windows.Forms;

namespace cefWinformTest
{

public partial class Form1 : Form
{
CefSharp.WinForms.ChromiumWebBrowser webCom = null;
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
string url = "www.baidu.com";//请求页面地址
webCom = new CefSharp.WinForms.ChromiumWebBrowser(url);//传入地址，实例化页面对象 
webCom.Dock = DockStyle.Fill;//指定页面停靠位置和方式
panel1.Controls.Add(webCom);//向panel1控件里添加页面
webCom.Load(url);//加载页面
}
}

}

2：winform窗体和页面存在逻辑交互，除了上诉的正常加载页面，还要有交互逻辑类，在页面也要处理交互数据，下面直接附上代码，以供参考

winform窗体代码

using System;
using System.Windows.Forms;

namespace cefWinformTest
{
public partial class Form1 : Form
{
public BoundJs bound;
CefSharp.WinForms.ChromiumWebBrowser webCom = null;
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object se