Android从4.4起提供基于Chromium实现的WebView。此前WebView基于WebKit实现。WebKit提供网页解析、布局和绘制以及JS运行等基础功能。Chromium在WebKit基础上为WebView提供进程、线程和渲染等基础构架。因此基于Chromium实现的WebView更好地提供了网页浏览功能。从本文开始我们启动对Android Chromium WebView的学习。
老罗的新浪微博：，欢迎关注！
学习WebView并不只是为了研究它是如何在应用程序中嵌入一个浏览器来显示网页的，而是以WebView作为切入点去研究一个现代化的浏览器是如何实现的。就好比学习Android系统并不只是为了研究它的应用程序是如何运行的，而是以Android系统为切入点去研究一个现代化的移动操作系统是如何实现的。
为什么要选择浏览器作为下一个研究点？
这是因为浏览器是到目前为止，最有机会成为跨平台开发的一种技术，而且大家对它的接受程度也很高，特别是有HTML5标准之后。
为什么要实现跨平台开发？
这是因为在现代越来越高效运转的社会中，时间就是金钱。具体到软件开发来说，主要就是开发时间成本。拿现在的移动应用开发来说，我们一般会同时开发Android和iOS两个版本。它们功能是基本一样的，但是因为它们使用的开发语言和运行的平台不一致，导致了要分别对它们进行开发。这样自然就会提高开发成本。当然我们可以在某种程度上为Android和iOS两个版本的应用开发一些基础库来尽量降低开发成本。这些基础库的核心功能使用C/C++来开发，然后封装一套Java接口和一套Objective-C接口分别给Android和iOS使用。然而这并不能彻底地解决跨平台的问题，例如UI及其相关的逻辑就很难通过跨平台的基础类库实现。
为什么要选择Android平台上基于Chromium实现的WebView作为切入点研究浏览器？
这个问题的三个关键字是Android、Chromium和WebView。
首先看关键字Chromium。如果你没有听说过Chromium，也应该会听说过Chrome浏览器。与其它的浏览器相比，Chrome浏览器的多进程架构和快速打开网页的能力相当惊艳，而它就是基于Chromium实现的。Chromium是一个开源的由Google主导的浏览器工程，Chrome浏览器会选择在它的某一个稳定版本进行开发和发布。除了Chrome浏览器，Chrome OS也是基于Chromium开发的。由此就可见，Chromium是一个具有深厚技术背景的开源工程，并且它使用的架构是OS级别的，要不然Chrome OS就不能轻易地基于它来开发。
接下来看关键字WebView。Android系统从4.4以及以后版本提供的WebView，与Chrome和Chrome OS一样，都是基于Chromium实现的。也就是说，WebView、Chrome和Chrome OS都是Chromium的客户，其中又以WebView提供的浏览器功能是最简单的。因此选择WebView作为切入点，可以使得我们快速掌握地Chromium所涉及到的浏览器技术。最后看关键字Android。
最后看关键字Android。Chromium是一个跨平台的浏览器工程，它可以在目前流行的PC和移动平台上编译和运行。这同时也意味着它的某些模块实现是与平台相关的，例如渲染相关的模块实现与具体的平台有关。Android系统是我们熟悉的，也已经研究过几年的时间了，因此它是最好的选择。
学习浏览器技术可以得到什么？
浏览器要处理的两个核心对象是HTML和JavaScript。HTML用来实现网页UI，涉及到的最核心技术是UI渲染技术。JavaScript用来实现网页功能，涉及到的最核心技术JavaScript引擎技术。
一切带有屏幕的智能设备，UI都是其所运行系统的一个核心模块，它负责与用户进行交互，以及将交互结果反馈给用户，从而形成一个闭环。用户在使用一个系统的时候，最先接触到的就是它的UI，经常接触的也是它的UI，因此UI的好坏直接就影响到了系统用户体验的好坏。用户体验对一个系统来说是至关重要的，例如，很多人觉得iOS系统比Android系统好用的其中一个原因就是前者的用户体验更好。
衡量一个系统的用户体验好与坏的其中一个重要标准就是UI的流畅与否，其中又以动画的流畅与否为核心，因为一个流畅的动画显示需要的UI渲染速度是60fps。为了达到60fps的渲染速度，各个系统在实现UI模块的时候，可谓是费尽心思、尽其所能。通常都会使用诸如纵向分层、横向分块的渲染策略。
所谓纵向分层，就是在Z轴方向上按层来划分UI，这样带来的好处在渲染UI的每一帧时，不必每一层都进行重绘。这种分层渲染策略使用到了一种称为“绘制-合成”的UI渲染技术。也就是各层负责绘制好自己的UI，然后再由一个单独的模块对它们进行合成。这样在渲染UI的每一个帧时，只有UI发生了变化的层才需要重新进行绘制，没有发生UI变化的层只需要参与合成这一步即可。这种技术可以大大地减少渲染操作，从而获得更流畅的UI体验。
所谓横向分块，就是对于UI的每一个层，按照一定的规则对其进行分块，这样带来的好处就是在渲染UI的每一帧遇到一个需要进行重新绘制的层时，不必对该层的所有内容都进行重新绘制，只需要绘制那些在可视区间的块即可。这样也可以在某种程度上减少渲染操作，从而获得更流畅的UI体验。
现在的智能设备配备的CPU都是多核的。为了能够充分地利用CPU多核特性，一帧UI渲染通常分两步进行：第一步是收集UI绘制命令；第二步是执行UI绘制命令。每一步都是在一个独立的线程完成，因此就可以充分地利用CPU的多核特性：在执行第N帧的UI绘制命令的同时，收集第N+1帧的UI绘制命令。此外，对于第一步收集到的UI绘制命令，还可以做一些额外的优化。当我们收集到一帧UI的所有绘制命令的时候，我们就相当于是知悉了这一帧UI的全貌。知悉了一个UI帧的全貌之后，就可以进行一些优化，例如对某些UI绘制命令进行重排和合并，以及丢弃那些被遮挡的UI相关的绘制命令。这些优化同样是可以减少渲染操作，从而获得更流畅的UI体验。
现在的智能设备，很多都配备了GPU，这意味着我们可以使用GPU进一步提高UI的渲染速度，这就是所谓的硬件加速渲染技术。例如对于我们前面提到的UI层和块，可以直接以GPU的纹理或者FBO来进行绘制和合成。GPU具有成熟和专业的UI渲染技术，因此通过它来渲染UI，可以获得更流畅的UI体验。
我们什么都没有，唯一的本钱就是青春。
