WebView2与Chrome内核的区别和使用场景详细介绍

news2024/12/18 15:37:16

背景

近期有不少朋友使用了HTML一键打包EXE工具中的Webview2(免费)内核,询问的比较多的就是Webview2和Chrome内核的区别, 这里会给大家做一个简单的介绍.

WebView2 是由微软提供的一种控件，它允许开发人员在本机应用程序中嵌入 web 技术（如 HTML、CSS 和 JavaScript）。WebView2 使用 Microsoft Edge 作为渲染引擎，以在本机应用程序中显示 web 内容.

Chrome 是由谷歌开发的一款免费的网页浏览器。它以其简洁的设计和先进的功能迅速成为全球最受欢迎的浏览器之。Chrome 支持多种平台，包括 Windows、macOS、Linux、iOS 和 Android等.

虽然WebView2和Chrome分别隶属于微软和谷歌, 但它们底层都基于Chromium内核开发而来的, 所以两者的功能大同小异, 底层渲染技术, JS引擎也是相同的.

在HTML一键打包EXE工具中, 可以看到内核选择的选项中, 分别有Chrome和WebView2, 他们有以下的区别.

详细对比介绍

对于系统环境的要求

Chrome内核

当使用Chrome内核打包的时候, 整个Chrome内核会被打包进EXE文件中, 因此对于用户的电脑没有特别的环境要求, 即使用户的系统里面没有安装Chrome也不影响打包文件的运行. 因此只需要是Windows7以上的版本均可以正常运行.√

WebView2内核

WebView2打包时, 不会打包内核文件, 打包的EXE需要依赖于系统中的WebView2控件, 因此打包生成的EXE需要用户系统里面安装了WebView2才可以. 对于Windows 10和Windows 11来说, WebView2控件均已经系统自带了, 因此不必担心环境问题. 而对于一些老的系统, 例如Windows 7等, 就需要用户自己安装WebView2运行环境才可以正常运行了.

打包文件的大小

Chrome内核

由于Chrome内核打包过程中, 会把整个内核打包进EXE, 因此打包文件会较大, 一般内核本身会占用160M左右 (安装版压缩后大概 70M)

WebView2内核

WebView2内核不会打包任何的内核文件, 因此本身体积非常小, 一般在10M以内√

兼容性

Chrome内核

由于Chrome内核被打包进入了EXE中, 因此内核版本就是固定的, 所以不同系统的用户打开EXE的效果是一样的, 因此兼容性较好, 不同的系统表现行为一致√

WebView2内核

由于WebView2打包的EXE依赖于系统安装的WebView2控件, 而不同用户的系统中的WebView2空间版本可能会不一致, 因此HTML/JS/CSS等兼容性可能不一样, 可能会存在相同代码在不同电脑上表现不一致的行为.

浏览器特性

Chrome内核

由于Chrome内核会被打包进入EXE中, 为了使所有系统(Window 7和以上系统) 都可以正常运行使用, 打包软件只能选取相对稳定的并且兼容所有系统的内核版本, 因此一些最新的浏览器特性可能会不支持.

WebView2内核

WebView2内核因为使用了系统的控件, 因此可以随着系统的更新而更新, 所以在最新的Windows系统中, WebView2内核会是最新的. 因此WebView2内核可以使用最新的浏览器特性, 例如在我们之前的文章中, 就介绍了使用WebView2内核打包了基于浏览器最新的WebGPU特性, 运行本地AI模型去除图片背景的程序.√