安卓系统源码编译系列（六）——单独编译内置浏览器WebView教程

本文主要对从安卓系统源码中抽取出WebView相关源码进行单独编译的流程进行说明。

编译流程说明

由于WebView包含两个部分，一部分是上层的Java代码，包括若干Java类，用于对外提供接口；另一部分是下层的C++代码，包括两个so库（libwebcore.so和libchromium_net.so），用于网页的解析和渲染。两个部分之间通过JNI进行交互。

因此，编译WebView也需要分成两部分，一部分是编译Java代码，另一部分是将C++代码编译成so库。另外，由于WebView的Java代码中会使用到很多系统的隐藏API，所以我们还需要编译安卓系统，并从中获取几个jar包。

编译Java代码

首先，我们需要下载并编译任意一个版本的安卓系统源码，具体步骤可以参见《安卓系统源码下载及编译教程》。

完成编译后，我们可以使用Eclipse（不能使用Intellij IDEA，因为之后添加library的时候无法设置为system library）新建一个Android工程，在src目录下创建一个android.webkit2的包。然后将源码目录下的frameworks/base/core/java/android/webkit目录下的所有文件拷贝到新创建的包中。

由于其中有一个类是编译之后生成的，所以我们还需要从编译完的源码目录out/target/common/obj/JAVA_LIBRARIES/framework_intermediates/src/core/java/android/webkit中将EventLogTags.java类也拷贝到新建的包中。

接下来，我们需要在工程中加入包含系统隐藏API的jar包，将以下三个jar包重命名（名称随意）后拷贝到工程的libs目录下：

out/target/common/obj/JAVA_LIBRARIES/framework_intermediates/classes.jar
out/target/common/obj/JAVA_LIBRARIES/core_intermediates/classes.jar
out/target/common/obj/JAVA_LIBRARIES/bouncycastle_intermediates/classes.jar

在Eclipse中打开工程的Properties->Java Build Path->Libraries->Add Library->User Library，点击下一步，选择User Libraries...，选择New，随便输入一个名字，将System library选上（重要），选择OK。选中刚刚新建的User Library，选择Add JARs，在工程目录中选择新加入的三个jar包，选择OK。

添加完Library之后，切换到Order and Export选项卡，将刚刚新建的User library调整到最前面，确保隐藏API不会被系统API覆盖（由于包名相同），选择OK。另外，还要把Android Private Libraries库前的勾取消掉，否则之后运行会报错。

最后，由于我们的java文件都放到了android.webkit2包下，避免与系统的包重名，我们需要将所有java文件中的android.webkit都替换成android.webkit2。使用菜单中的Search命令批量替换即可。完成替换后，刷新一下工程，会发现所有的错误都没了。（有可能还会提示minSdkVersion版本太低，直接按要求修改AndroidManifest.xml文件即可）

编译so库

此时我们的Eclipse工程已经可以编译运行了，但是启动的时候会闪退，因为我们还没有加入so库。下面我们就来编译so库。再回到虚拟机中，进入到安卓源码的external/chromium目录下，在终端执行以下命令：

$ sudo sed -i "s#android/webkit#android/webkit2#g" `grep android/webkit -rl *`

可以将源码中的android/webkit都替换成android/webkit2，确保与我们的java代码包名相同。

再打开external/chromium目录下的Android.mk文件，将其中的libchromium_net都替换成libchromium_net2，同时增加一行LOCAL_MODULE_TAGS := optional，修改部分如下：

LOCAL_MODULE := libchromium_net2
LOCAL_MODULE_CLASS := SHARED_LIBRARIES
LOCAL_MODULE_TAGS := optional
INTERMEDIATES := $(call local-intermediates-dir)

再回到安卓源码根目录，运行以下命令：

$ source build/envsetup.sh
$ mmm external/chromium

编译成功后可以在out/target/product/generic/obj/lib目录下找到libchromium_net2.so文件。

接下来进入到安卓源码的external/webkit/Source/WebKit/android目录下，在终端执行以下命令：

$ sudo sed -i "s#android/webkit#android/webkit2#g" `grep android/webkit -rl *`

同样可以将源码中的android/webkit都替换成android/webkit2，确保与我们的java代码包名相同。

再打开external/webkit目录下的Android.mk文件，将其中的libwebcore都替换成libwebcore2（三个地方），并且增加一行LOCAL_MODULE_TAGS := optional，另外还要将LOCAL_SHARED_LIBRARIES里面的libchromium_net改成libchromium_net2。修改部分如下：

# Define our module and find the intermediates directory
LOCAL_MODULE := libwebcore2
LOCAL_MODULE_CLASS := STATIC_LIBRARIES
LOCAL_MODULE_TAGS := optional
base_intermediates := $(call local-intermediates-dir)
...
LOCAL_SHARED_LIBRARIES := libEGL libGLESv2 libandroid libandroidfw libandroid_runtime libchromium_net2 libcrypto ...
LOCAL_PRELINK_MODULE := false
LOCAL_MODULE := libwebcore2
LOCAL_MODULE_TAGS := optional
LOCAL_LDLIBS := $(WEBKIT_LDLIBS)
LOCAL_SHARED_LIBRARIES := $(WEBKIT_SHARED_LIBRARIES)
LOCAL_STATIC_LIBRARIES := libwebcore2 $(WEBKIT_STATIC_LIBRARIES)
LOCAL_LDFLAGS := -fvisibility=hidden

$ source build/envsetup.sh
$ mmm external/webkit

编译成功后可以在out/target/product/generic/obj/lib目录下找到libwebcore2.so文件。

完成编译并运行测试代码

下面我们将以上编译生成的两个so文件（libchromium_net2.so和libwebcore2.so）放到我们工程的libs/armeabi目录下。再修改工程android.webkit2包下的JniUtil.java和WebViewCore.java文件，将其中的

static {
    System.loadLibrary("webcore");
    System.loadLibrary("chromium_net");
}

改为（注意，顺序也颠倒了）

static {
    System.loadLibrary("chromium_net2");
    System.loadLibrary("webcore2");
}

到此为止，与WebView相关的操作都完成了，我们可以开始加入测试代码。在测试的Activity.java的onCreate方法中加入：

WebView webView = (WebView)findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("http://www.baidu.com");

<android.webkit2.WebView 
    android:id="@+id/webview" 
    android:layout_width="fill_parent"     
    android:layout_height="fill_parent" />

最后在AndroidManifest.xml中加入：

<uses-permission android:name="android.permission.INTERNET"/>

现在我们就可以在模拟器上运行工程了，运行效果如下： 

注意：

1. 如果出现黑屏，可以尝试将最后加入的INTERNET权限去掉后重试。
2. 只能在编译时对应版本的模拟器上运行，如果提示函数找不到，可以切换相应模拟器的版本后重试。

真机运行

在模拟器上运行成功之后可以在真机上运行，效果如下： 

但是一旦用手指滑动WebView，应用就会闪退，原因是缺少一些资源，下面我们来将它们加上：

首先我们需要将安卓源码目录下的frameworks/base/core/res/res/values/styles.xml中的

<style name="ZoomControls">
    <item name="android:gravity">bottom</item>
    <item name="android:paddingLeft">15dip</item>
    <item name="android:paddingRight">15dip</item>
</style>

粘贴到我们工程目录下的res/values/styles.xml中。

然后再将frameworks/base/core/res/res/layout/zoom_magnify.xml文件复制到我们工程目录下的res/layout中。

接着将frameworks/base/core/res/res/drawable/btn_zoom_page.xml文件复制到我们工程目录下的res/drawable中。

最后将frameworks/base/core/res/res下的drawable-ldpi、drawable-mdpi、drawable-hdpi、drawable-xhdpi目录下的btn_zoom_page_normal.png和btn_zoom_page_press.png文件复制到我们工程目录res下的相应文件夹中。

再次运行，即可任意滑动WebView了。

参考资料

《Android 4.1 - 将系统浏览器编译成独立应用》

《搭建自定义android Browser环境》