基于VS2019的Chrome（2021年版本）浏览器编译实践

在之前的客户端开发讨论中，我们提到了electron客户端方案，该方案利用chromium浏览器进行图形、音视频的解码和渲染，而chromium正是google chrome浏览器的开源版本。本文将指导您如何下载和编译chrome的开源版本。在接下来的文章中，我们将探索如何对chrome代码进行二次开发，以满足electron业务需求、浏览器定制开发或加深对chrome浏览器工作原理的理解。

系统环境

1）操作系统：建议使用win10或更新版本

2）内存至少需要8G，推荐使用16G以加快编译速度

3）磁盘空间至少需要100G

4）至少需要Visual Studio 2017（版本>=15.7.2）作为编译环境，但更推荐使用VS2019（版本>=16.0.0），笔者使用的是VS2019。

一、环境安装

1）安装VS2019，个人使用可以选择社区版。VS2019需要安装C++桌面开发应用，包括“Desktop development with C++”组件和“MFC/ATL support”子组件。同时，SDK需要win10 SDK（版本10.0.19041.0以上）。

注意事项：1）安装的Windows SDK版本可能不正确。2）Windows SDK默认安装可能没有包含windbg，即系统中没有C:\Program Files (x86)\Windows Kits\10\Debuggers\x64目录。需要通过控制面板找到windows soft develop kit，并添加debugging tools for windows。

2）安装depot_tools工具

从https://storage.googleapis.com/chrome-infra/depot_tools.zip下载并解压到D盘，并将该路径添加到path环境变量中。同时，在环境变量中添加DEPOT_TOOLS_WIN_TOOLCHAIN = 0，以告知depot_tools使用本地安装的VS，而非从google社区更新。

3）打开一个cmd控制台，运行gclient命令。gclient会自动更新环境，并安装git和python（如果已安装git和python，此步骤可以跳过）。

二、下载

下载过程可能较为繁琐，但不要气馁。选择一个好的本地网络，避开网络高峰，多尝试几次，应该可以成功。

1）配置git

$ git config --global user.name "My Name"

$ git config --global user.email "my-name@chromium.org"

$ git config --global core.autocrlf false

$ git config --global core.filemode false

$ git config --global branch.autosetuprebase always

会译·对照式翻译

会译是一款AI智能翻译浏览器插件，支持多语种对照式翻译

0

查看详情

2）创建目录

$ mkdir chromium && cd chromium

3）下载代码

$ fetch chromium

如果不想下载整个仓库，只需最新代码，可以使用fetch --no-history chromium来减少下载量。

三、编译

1）配置生成VS解决方案

gn gen --ide=vs2019 --filters=//chrome;//media/* --no-deps out\debug --args="is_component_build = true enable_nacl = false is_debug = true blink_symbol_level = 0"

最终生成包含15880个工程的解决方案。

配置生成

Chrome配置生成的VS解决方案

2）打开VS解决方案，选择chrome项目，开始生成。

Chrome解决方案打开视图

生成过程同样漫长，因为整个解决方案包含15880个工程，且某些工程依赖第三方库，异常庞大。笔者使用8核16G内存的电脑，大约需要一晚上的时间来完成编译。

最终生成一个chrome.exe，双击打开即可浏览网页、播放视频等。

Chrome.exe的生成

Chrome.exe浏览网页

关于在Windows下下载和编译chrome的开源版本就介绍到这里。由于机器环境的差异，可能还会遇到其他问题，这些都需要查看日志，逐步分析并解决。后续我们将进一步探索对chrome开源版本进行二次开发。

以上就是基于VS2019的Chrome（2021年版本）浏览器编译实践的详细内容，更多请关注php中文网其它相关文章！