WebView2Browser安装和配置指南

#WebView2Browser安装和配置指南

WebView2Browser A web browser built with the Microsoft Edge WebView2 control. 项目地址: https://gitcode.com/gh_mirrors/we/WebView2Browser

1. 项目基础介绍

WebView2Browser 是一个使用 Microsoft Edge WebView2 控件构建的网页浏览器示例。这个项目是一个 Windows 桌面应用程序，旨在展示 WebView2 控件的能力。它使用 Win32 API 和 Visual Studio 2019 创建，结合了 C++ 和 JavaScript 两种编程语言来驱动其功能。

2. 关键技术和框架

该项目主要使用了以下技术和框架：

• Microsoft Edge WebView2 控件：这是项目中的核心技术，用于在应用程序中嵌入网页内容。
• Win32 API：用于创建和管理窗口。
• C++：主要用于应用程序的后端逻辑。
• JavaScript：与 WebView2 控件配合使用，用于网页交互。

3. 安装和配置准备工作

在开始安装和配置之前，请确保以下准备工作已完成：

• 安装了 Microsoft Edge (Chromium) 浏览器。
• 安装了 Visual Studio，并包含了 C++ 支持组件。
• 安装了 WebView2 运行时，最低版本为 86.0.622.38。

安装步骤

以下是小白级别的安装步骤：

1. 克隆仓库：

   使用 Git 命令行工具，运行以下命令来克隆仓库：

   git clone https://github.com/MicrosoftEdge/WebView2Browser.git
   

2. 打开解决方案：

   打开 Visual Studio 2019，然后选择“打开项目/解决方案”选项，找到克隆的仓库目录中的 .sln 文件并打开。

3. 配置项目：

   • 如果使用的 Windows 版本低于 Windows 10，需要做一些更改。在 WebViewBrowserApp.cpp 文件中，替换 SetProcessDpiAwarenessContext 调用为 SetProcessDPIAware。
   • 在 BrowserWindow.cpp 文件中，移除 GetDpiForWindow 调用。

4. 设置构建目标：

   在 Visual Studio 中，设置你想要的构建目标（调试/发布，x86/x64）。

5. 构建解决方案：

   在 Visual Studio 中按下 F7 或点击“构建”菜单中的“构建解决方案”选项。

完成以上步骤后，应用程序应该已经准备好运行了。只需在 Visual Studio 中按下 F5 或点击“调试”菜单中的“开始执行(不调试)”来启动应用程序。

WebView2Browser A web browser built with the Microsoft Edge WebView2 control. 项目地址: https://gitcode.com/gh_mirrors/we/WebView2Browser