FE.BASE-多版本webkit内核调试环境配置教程

背景

由于工作中经常需要对低端手机做适配，务必离不开低版本的webview调试。我遇到过的Android 5.0+系统webview是37+的。而chrome < 60在手机直连调试时用chrome无法inspect。于是变换策略决定想办法在电脑中跑多个版本的chrome。

操作步骤

找对应chromium版本安装

1. 不断修改链接中的时间https://chromereleases.googleblog.com/search/label/Stable%20updates?updated-max=2015-01-01T00:00:00-00:00&max-results=100找到37.相关的版本，比如37.0.2062.122
2. 打开https://omahaproxy.appspot.com/webkit.json?version=37.0.2062.122找到chromium_base_position: 278856,如果没有重复步骤1换个小版本。
3. 在https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html中找对应position的文件夹下载chromium,如果没有微调position，比如278856没有，但是有27884或者278806也可以
4. 打开并下载，以Mac chromium 37为例,打开https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Mac/278806/并下载https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/Mac/278806/chrome-mac.zip?generation=1409178060957000&alt=media就可以了

多版本同时运行

function webkit() {
  "/Applications/Google Chrome $1.app/Contents/MacOS/Google Chrome" --user-data-dir="/Users/xxx/Library/Application Support/Google/Chrome$1"
}

1. 以mac为例，chrome/chromium app放到对应文件夹并重命名，便于写shell，对照上面的代码示例路径，注意chrome和chromium名称要一致，也就是有可能需要改xxx.app/MacOS/下的执行文件名称
2. 把xxx换成自己的用户名。添加到bash_profile.
3. 注意上述提到的执行文件和用户文件夹路径当前用户要有权限，没的话sudo chmod -Rf 777 文件夹路径修改
4. 用webkit VERSION命令执行对应版本的chrome/chromium

webkit 37