开拓视野：漫谈WebView领域相关技术

按照知乎的惯例，我们通过一个个问题来聊一下WebView领域相关的技术，以及为什么要学WebView2。

什么技术最适合做软件界面？

能想到这个问题的人，我觉得应该是对软件界面有一定要求的人，

如果一个窗口就只放一个按钮，那随便用什么技术做都可以。

但如果你要做一个界面复杂的软件，那我觉得你大概率会选Web技术（HTML、CSS、JavaScript）。

Web技术入门门槛低，受众面广，生态资源丰富，能做各种花哨的界面和特效。几乎你所有的需求它都能满足你。

不信你看飞书、Figma、Google Docs、Salesforce这些大型应用，几乎都是基于Web技术完成的。

如果大家对这个答案有疑问，那么可以看看我这个回答：编辑什么语言最适合做 GUI？https://www.zhihu.com/question/276815517/answer/2357232999

我在这个回答里例举了十多种GUI框架，并对比了它们的优势和劣势，看完这个回答你应该就知道为什么要选Web技术做界面了。

如何使用Web技术开发传统软件界面？

比如假设你要开发一个笔记软件客户端、邮箱客户端或者办公软件客户端，那你该如何使用Web技术来完成这个工作呢？

我们知道Web技术：HTML、CSS、JavaScript，说白了都是字符串，要让这些字符串渲染成界面，那就势必要有对应的解析引擎、排版布局引擎、渲染引擎、事件引擎等的支持。

那这些引擎哪来的呢？

目前技术社区有三种流派来解决这个问题：

第一派就是：自研派。

这一派会自研一套简单的引擎来完成HTML、CSS、JavaScript的解析、渲染等工作。这一派的代表框架是：

sciterhttps://sciter.com/RmlUihttps://github.com/mikke89/RmlUiservohttps://servo.org/

因为那些引擎都是自研的，所以能做到又快又小，缺点就是无法支持所有 Web 的能力，时不时还会遇到难以解决的Bug。所以，用这一派的武功还是要谨慎一些。

Sciter相对于RmlUi来说，更成熟稳定一些。国内很多知名产品都用的它。但Sciter授权协议不是很友好，不付费的话，无法静态编译链接它的库。 RmlUi虽然支持静态链接，但它在多窗口支持、软渲染（没有GPU的设备无只能软渲染）等方面表现差劲。 Servo是基于Rust开发的，近期发展迅猛，不过用它最好得懂Rust。

另一派是封装派

这一派会把开源浏览器引擎封装到自己软件内部，当用户使用软件时，其实就是在使用它为你封装号的，一个定制版的浏览器。

这一派的代表框架是：

Electronhttps://www.electronjs.org/NW.jshttps://nwjs.io/Chromium Embedded Framework （CEF)https://bitbucket.org/chromiumembedded/cef

由于它们封装了一个完整的浏览器核心在软件内部，所以用这类框架开发的软件都体积巨大，动辄占用用户好几百兆的磁盘空间，产品分发、升级都不是很方便。

这一派比较流行的是Electron和CEF。 Electron和NW.js不但封装了Chromium浏览器核心，还封装了一个Node.js，所以只要会JavaScript，就能用它们俩开发桌面应用。 CEF只封装了Chromium浏览器核心，公开的是C++接口，所以它是给C++程序员用的框架。

还有一派是嵌入派

这一派会把操作系统内置的浏览器嵌入到自己的软件界面中（Linux用WebKitGTK，Mac用WebKit，Windows用WebView2），这样就不用向用户分发巨大的浏览器核心了，软件可以做到足够小。

这一派的代表框架有：

Taurihttps://tauri.app/

webviewhttps://github.com/webview/webview

这一派最主要的问题就是你不知道用户系统中具体是什么版本的浏览器，所以开发软件的时候，要注意兼容性问题。

Tauri是基于Rust开发的，也就是说，如果它提供的API满足不了你的要求，你最好懂Rust来拓展它的能力。 webview有很多语言的绑定，它最大的问题就是提供的API超级少。

为什么要拿WebView2做一个专栏？

WebView2是Windows操作系统内置的浏览器核心，是嵌入派的一个典型。

在中国，Windows操作系统市场份额在80%以上，甚至很多企业、机构必须使用Windows办公。

随着Windows7、8、8.1逐渐退出历史舞台，WebView2装机量已经非常高了，并且仍在持续增长。

此时可能会有朋友问：既然这样，那我直接使用嵌入派的技术不就得了吗？何必要单独学WebView2呢。

首先嵌入派为了获得跨平台的能力，砍掉了很多API，假设WebView2提供的API有a、b、c、d、e、f，WebKit提供的API有d、e、f、g、h、i，那么嵌入派往往只会给开发者公开d、e、f，不会公开其他API（即使公开了，也很有限）。

这是开源项目webview提供的API  https://link.zhihu.com/?target=https%3A//github.com/webview/webview/blob/master/core/include/webview/api.h

所以，要想获得更多能力，无拘无束的开发一个完美的产品，建议还是好好学学WebView2。