前言：2017年2月6号谷歌宣布iOS版的Chrome浏览器的代码并归到Chromium项目开源出来了，正好自己最近做的项目浏览器相关，心想去扒一扒Chrome的代码找一些好东西出来。
源代码编译
由于源代码中大部分都是C++的代码，并且没有工程文件，也是无法使用IDE打开的，代码阅读起来还是非常吃力了，想着还是编译一下代码用Xcode来阅读。笔者参考了一篇大神的博客来一步步的开始编译源代码，这里主要是对自己遇到的一些问题进行记录，防备以后忘记了。
工具准备
由于Chromium的源码都是基于Google自己的depot_tools进行构建的，所以第一步就是安装depot_tools工具包，首先我是使用Mac电脑来编译的，depot_tools的安装很简单，直接从Chromium开源地址找到depot_tools对应的项目文件夹并下载对应的压缩包到本地，解压到任意目录并添加到环境变量(注意bash和zsh)，如下：
CHROME_DEPOT_TOOLS=/xxx/xxx/depot_tools
export PATH=$PATH:$CHROME_DEPOT_TOOLS:
工具包安装好之后，就可以使用里面的很多的命令了，其中fetch、ninja和gn就是我们后面要用到的命令。
源码下载
由于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的路径的，如下图所示：
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源码阅读这条路上我只是一个小白，学一步记一步，有问题的地方请不吝赐教。
网友评论