现在H5很热，很多互联网公司的产品都采用混合编程，其中各个平台客户端的“壳”为原生控件，但是内容很多都是Web网页，因此可以做出很多炫酷的效果。随着Node.js和Ionic等框架的出现，现在感觉JavaScript有一统Web、Mobile、PC三大平台应用开发的能力。在Windows Form 上，利用开源浏览器内核Chromium Embedded Framework (CEF)，CEF可以实现C#调用JS，JS调用C#，可以很好的与Web进行应用交互。下面用一个简单的例子来说明。
1 项目库
新建一个Windows Form项目，并用NuGet包管理器下载需要的库cefsharp，具体如下图所示：
注意：cefsharp必须生成32或者64位的应用程序，这里请自行配置。
2 代码实现
为了界面好看，这里用到一个MaterialSkin框架来美化UI，可以利用同样的方法进行下载。由于此处用到了MaterialSkin库，它会将窗体的边框隐藏，并自行实现了一个窗体边框。如果直接将ChromiumWebBrowser控件实例化后添加到窗体上，会出现显示不全的问题。为了解决这个问题，在窗体上放入一个panel，调整到合适大小，将ChromiumWebBrowser控件实例化后添加到panel中即可。示例核心代码如下所示：
usingSystem; usingSystem.Collections.Generic; usingSystem.ComponentModel; usingSystem.Data; usingSystem.Drawing; usingSystem.Linq; usingSystem.Text; usingSystem.Threading.Tasks; usingSystem.Windows.Forms; usingCefSharp; usingCefSharp.WinForms; usingMaterialSkin; usingMaterialSkin.Controls; namespacecefWinForm{ publicpartialclassForm1:MaterialForm { privateChromiumWebBrowsermyBrowser=null; publicForm1() { InitializeComponent(); ChromeDevToolsSystemMenu.CreateSysMenu(this); varmaterialSkinManager=MaterialSkinManager.Instance; materialSkinManager.AddFormToManage(this); materialSkinManager.Theme=MaterialSkinManager.Themes.LIGHT; materialSkinManager.ColorScheme=newColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE); } //Note: The function calls Cef.Initialize(); and Cef.Shutdown();//only need to be called once in the application.privatevoidForm1_Load(objectsender, EventArgse) { Cef.Initialize(); myBrowser=newChromiumWebBrowser("http://127.0.0.1/"); myBrowser.BrowserSettings.DefaultFontSize=12; //myBrowser.BrowserSettings.AcceptLanguageList = "zh-CN,en-US";// this.Controls.Add(myBrowser);this.pcontainer.Controls.Add(myBrowser); } privatevoidForm1_FormClosing(objectsender, FormClosingEventArgse) { //在退出主程序时，需要首先关闭CefCef.Shutdown(); } privatevoiddevToolsToolStripMenuItem_Click(objectsender, EventArgse) { if (myBrowser!=null) { //开发者工具myBrowser.ShowDevTools(); } } privatevoiddevToolsToolStripMenuItem1_Click(objectsender, EventArgse) { if (myBrowser!=null) { myBrowser.ShowDevTools(); } } protectedoverridevoidWndProc(refMessagem) { base.WndProc(refm); // Test if the About item was selected from the system menuif ((m.Msg==ChromeDevToolsSystemMenu.WM_SYSCOMMAND) && ((int)m.WParam==ChromeDevToolsSystemMenu.SYSMENU_CHROME_DEV_TOOLS)) { myBrowser.ShowDevTools(); } } } }
这里用new ChromiumWebBrowser("http://127.0.0.1/")创建了一个基于Chromium的WebBrowser，地址为http://127.0.0.1/，这样就相当于本地的一个浏览器。基于H5创建的程序，有一个天然的好处就是，程序的更新可以在服务器端完成，客户端无需升级，即可完成功能的迭代。另外，就是基于CEF框架，内置的浏览器版本，相对可控，这样也从另一方面，解决了传统Web应用兼容多种浏览器的相关问题。
3 效果
运行此示例，相关界面如下所示：
