WebView2 是微软基于 Chromium 内核开发的一种新型的 Web 交互组件,可以让你在自己的应用程序中嵌入一个完整的浏览器内核,这样你的应用程序就可以直接使用 Chromium 的 HTML、CSS、JavaScript 引擎,以及其他一些高级的 Web 技术。
WebView2 可以用来构建嵌入式浏览器、Web 应用程序、Web 控件、Web 游戏等应用程序。而且它还可以很方便地集成到 C++、C#、VB.NET、Python 等各种主流编程语言中,这样你就可以用你最熟悉的语言来开发和调试你的应用程序。
在使用 WebView2 的时候,我们可以用它来生成一个 exe 文件,下面就来详细介绍一下它的原理和具体操作。
1. 原理
WebView2 的原理就是通过将 Chromium 内核嵌入到我们的应用程序中,实现在应用程序中直接使用 Chromium 的 HTML、CSS、JavaScript 引擎,以及其他一些高级的 Web 技术。
具体实现方式是通过将 WebView2 控件添加到我们的应用程序中,在控件中加载 Chromium 内核,以此来实现嵌入式浏览器的功能。我们可以通过编写代码来控制 WebView2 控件的行为,从而实现我们自己的应用程序。
2. 具体操作
下面是具体的操作步骤:
(1)首先,我们需要下载并安装 WebView2 运行时。我们可以在微软官网上下载最新版本的 WebView2 运行时。
(2)接下来,我们需要在我们的应用程序中添加 WebView2 控件。我们可以使用 Visual Studio 的设计器来添加控件,或者手动编写代码来添加控件。
(3)然后,我们需要在代码中初始化 WebView2 控件。我们可以使用 WebView2Runtime 类来初始化 WebView2 控件,例如:
“`
#include
int main()
{
HRESULT hr = CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED);
if (SUCCEEDED(hr))
{
// 创建 WebView2Runtime 实例
桌面应用 Microsoft::WRL::ComPtr webView2Runtime;
hr = CreateWebView2Runtime(
/* Edge WebView2 运行时版本号 */ nullptr,
/* WebView2 运行时 ID */ nullptr,
/* IWebView2CreateWebView2EnvironmentCompletedHandler */ nullptr,
&webView2Runtime);
if (SUCCEEDED(hr))
{
// 创建 WebView2 控件实例
Microsoft::WRL::ComPtr webView2Environment;
hr = webView2Runtime->CreateWebView2Environment(
/* IWebView2CreateWebView2EnvironmentCompletedHandler */ nullptr,
/* UserData */ nullptr,
&webView2Environment);
if (SUCCEEDED(hr))
{
// 创建 WebView2 控件
Microsoft::WRL::ComPtr webView2WebView;
hr = webView2Environment->CreateWebView(
/* Parent window */ nullptr,
/* Callback 接口 */ nullptr,
&webView2WebView);
if (SUCCEEDED(hr))
{
// 初始化 WebView2 控件
hr = webView2WebView->EnsureCoreWebView2Async(
/* Callback 接口 */ nullptr);
}
}
}
CoUninitialize();
}
return 0;
}
“`
(4)最后,我们需要在代码中加载 URL 或 HTML 内容。我们可以使用 WebView2 控件的 NavigateToString() 或 Navigate() 方法来加载 URL 或 HTML 内容,例如:
“`
#include
int main()
{
HRESULT hr = CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED);
if (SUCCEEDED(hr))
{
// 创建 WebView2Runtime 实例
Microsoft::WRL::ComPtr webView2Runtime;
hr = CreateWebView2Runtime(
/* Edge WebView2 运行时版本号 */
nullptr,
/* WebView2 运行时 ID */ nullptr,
/* IWebView2CreateWebView2EnvironmentCompletedHandler */ nullptr,
&webView2Runtime);
if (SUCCEEDED(hr))
{
// 创建 WebView2 控件实例
Microsoft::WRL::ComPtr webView2Environment;
hr = webView2Runtime->CreateWebView2Environment(
/* IWebView前端html打包2CreateWebView2EnvironmentCompletedHandler */ nullptr,
/* UserData */ nullptr,
&webView2Environment);
if (SUCCEEDED(hr))
{
// 创建 WebView2 控件
Microsoft::WRL::ComPtr webView2WebView;
hr = webView2Environment->CreateWebView(
/* Parent window */ nullptr,
/* Callback 接口 */ nullptr,
&webView2WebView);
if (SUCCEEDED(hr))
{
// 初始化 WebView2 控件
hr = webView2WebView->EnsureCoreWebView2Async(
/* Callback 接口 */ nullptr);
// 加载 URL 或 HTML 内容
webView2WebView->Navigate(L”https://www.baidu.com”);
}
}
}
CoUninitialize();
}
return 0;
}
“`
通过以上步骤,我们就可以生成一个包含 WebView2 控件的 exe 文件了。