客户端嵌套 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 交流学习群 长按识别下方二维码,或点击阅读原文。和我一起,交流学习,分享心得。