DotNet NB
客户端嵌套 Web 页面如何选择
客户端嵌套 Web 页面如何选择
作者：驚鏵
在使用客户端嵌套 WEB页面有一下几种方案：WebView2[1] Electron[2] NW.js[3] sciter[4] miniblink[5] 现在国内众多桌面程序都是用了以下五种，因为它跨平台更为方便👇。 以下推荐使用几种C#方案客户端嵌套 WEB页面的方案：CEFSharp[6] CEFGlue[7] WebKit.NET[8] Open-Webkit-Sharp[9] NanUI[10] 自带的 webbrowser强烈不推荐以上使用方式都有官网的MD描述，使用简单，不做描述。 此篇主要描述如何使用 CEFGlue ，原因是有一位开发者通过QQ联系到我们，他需要支持 WindowsXP操作系统在客户端嵌套WEB，其他语言又不熟悉 所以需要C#版本的,但XP又最高只能支持到.NetFramework40。
1）第一步打开cefGlue[11] gitlab 地址进行下载代码到本地 本文选择了3440 版本，下载到本地解压。
使用 VS2019打开项目,不需要使用跨平台排除项目CefGlue.Demo.GtkSharp.
查看所需要的 CEF版本号CHROME_VERSION_MAJOR.CHROME_VERSION_MINOR.CHROME_VERSION_BUILD.CHROME_VERSION_PATCH根据上面拼接后拿到的版本号是： 68.0.3440.84
2）第二步去 cef-builds[12] 下载 CEF 32位 版本 后解压备用。
点击
All Builds.
点击
Show more builds.
按下
Ctrl+F搜搜上面得到的CEF版本号68.0.3440.84,找到后下载
3）第三步回到 VS2019 设置CefGlue.Demo.WinForms为启动项目，并设置为.net40 生成-> 目标平台设置x86，后生成项目。
4）第四步找到CEF库刚刚解压后的文件夹cef_binary_3.3440.1805.gbe070f9_windows32打开把Debug、Resources文件夹的文件全部都拷贝到运行目录下（如果是Release版本，记得复制Release文件夹下的文件到运行目录下），然后双击Xilium.CefGlue.Demo.WinForms.exe启动就能看到bing首页,默认是打开Google其他需要自行修改。
效果
参考资料
WebView2: https://learn.microsoft.com/zh-cn/microsoft-edge/webview2/
[2]Electron: https://www.electronjs.org/
[3]NW.js: https://nwjs.io/
[4]sciter: https://sciter.com/prices/
[5]miniblink: https://miniblink.net/
[6]CEFSharp: https://github.com/cefsharp/CefSharp
[7]CEFGlue: https://gitlab.com/xiliumhq/chromiumembedded/cefglue
[8]WebKit.NET: https://webkitdotnet.sourceforge.net
[9]Open-Webkit-Sharp: https://github.com/Erls-Corporation/open-webkit-sharp
[10]NanUI: https://github.com/XuanchenLin/NanUI-0.9-Examples
[11]cefGlue: https://gitlab.com/xiliumhq/chromiumembedded/cefglue
[12]cef-builds: https://cef-builds.spotifycdn.com/index.html#windows32
推荐阅读： .NET性能优化-使用ValueStringBuilder拼接字符串 .NET周报【10月第3期 2022-10-25】 宣布 .NET MAUI 支持 .NET 7 Release Candidate 2 .NET性能系列文章一：.NET7的性能改进 .NET 6.0 抓取包开源工具WindivertDotnet [WPF] 抄抄超强的苹果官网滚动文字特效实现 点击下方卡片关注DotNet NB
一起交流学习
▲ 点击上方卡片关注DotNet NB，一起交流学习
请在公众号后台
回复 【路线图】获取.NET 2021开发者路线图 回复 【原创内容】获取公众号原创内容 回复 【峰会视频】获取.NET Conf开发者大会视频 回复 【个人简介】获取作者个人简介 回复 【年终总结】获取作者年终总结 回复 【加群】加入DotNet NB 交流学习群 长按识别下方二维码，或点击阅读原文。和我一起，交流学习，分享心得。
