客户端嵌套 Web 页面如何选择

 客户端嵌套 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其他需要自行修改。

效果

参考资料

[1]

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