【Chrome源码学习(一)】源代码编译

前言:2017年2月6号谷歌宣布iOS版的Chrome浏览器的代码并归到Chromium项目开源出来了,正好自己最近做的项目浏览器相关,心想去扒一扒Chrome的代码找一些好东西出来。


源代码编译

由于源代码中大部分都是C++的代码,并且没有工程文件,也是无法使用IDE打开的,代码阅读起来还是非常吃力了,想着还是编译一下代码用Xcode来阅读。笔者参考了一篇大神的博客来一步步的开始编译源代码,这里主要是对自己遇到的一些问题进行记录,防备以后忘记了。


工具准备

由于Chromium的源码都是基于Google自己的depot_tools进行构建的,所以第一步就是安装depot_tools工具包,首先我是使用Mac电脑来编译的,depot_tools的安装很简单,直接从Chromium开源地址找到depot_tools对应的项目文件夹并下载对应的压缩包到本地,解压到任意目录并添加到环境变量(注意bashzsh),如下:

CHROME_DEPOT_TOOLS=/xxx/xxx/depot_tools
export PATH=$PATH:$CHROME_DEPOT_TOOLS:

工具包安装好之后,就可以使用里面的很多的命令了,其中fetchninjagn就是我们后面要用到的命令。


源码下载

由于Chromium的源码有几十万个文件,项目非常大,我这边下载下来解压好有10个G的大小。根据我参考的博客主要有两种下载源码的方式:
使用工具包中fetch命令下载源代码

fetch chromium --no-history

使用git clone下载源代码

git clone https://chromium.googlesource.com/chromium/src

//如果上面下载失败了并报了下面的错则使用下面命令继续下载,节省时间
//fatal: The remote end hung up unexpectedly
//fatal: early EOF
//fatal: index-pack failed
git config --global core.compression 0
git clone --depth 1 https://chromium.googlesource.com/chromium/src

可能大家和我一样都是先用git clone先进行了尝试,并且下载好了源代码,这里我很想哭一会。。。我在走投无路的时候选择fetch命令重新下载了才发现git clone下载下来的源代码是不全的,少了好多的文件。


开始编译

工具安装好了源代码也下载好了,现在可以执行下面命令生产build的文件:

gn gen out/gn --ide=xcode  //–ide=xcode是为了能够使用苹果的XCode进行可视化进行调试

这个命令卡了好一会儿,从gn.py的源代码中才发现需要配置一个全局变量CHROMIUM_BUILDTOOLS_PATH,这个全局变量是要配置build_tools的路径的,如下图所示:

【Chrome源码学习(一)】源代码编译_第1张图片
build_tools路径

CHROMIUM_BUILDTOOLS_PATH=/xxx/xxx/src/buildtools
export CHROMIUM_BUILDTOOLS_PATH

上面这个文件夹就是我说git clone不靠谱的原因,因为git clone下来的源码里面没有这个文件夹。

最后一步就是编译了,执行下面命令:

ninja -C out/gn chrome

上面这个命令我执行了5个小时,可能是我的Mac配置太低了吧。运行完之后就可以在目录out/gn找到了对应的.xcodeproj文件,点击out/gn/Chromium.app/Contents/MacOS/Chromium文件,就可以直接打开Chrome浏览器了,并且用Xode的attach process可以进行debug了。

总结:Chrome源码阅读这条路上我只是一个小白,学一步记一步,有问题的地方请不吝赐教。

你可能感兴趣的:(【Chrome源码学习(一)】源代码编译)