Android Chromium WebView学习启动篇

       Android从4.4起提供基于Chromium实现的WebView。此前WebView基于WebKit实现。WebKit提供网页解析、布局和绘制以及JS执行等基础功能。Chromium在WebKit基础上为WebView提供进程、线程和渲染等基础构架。所以基于Chromium实现的WebView更好地提供了网页浏览功能。

从本文開始咱们启动对Android Chromium WebView的学习。

老罗的新浪微博：http://weibo.com/shengyangluo，欢迎关注。

《Android系统源代码情景分析》一书正在进击的程序猿网（http://0xcc0xcd.com）中连载。点击进入。

       学习WebView并不只仅是为了研究它是怎样在应用程序中嵌入一个浏览器来显示网页的。而是以WebView做为切入点去研究一个现代化的浏览器是怎样实现的。就比如学习Android系统并不只仅是为了研究它的应用程序是怎样执行的，而是以Android系统为切入点去研究一个现代化的移动操做系统是怎样实现的。

       为何要选择浏览器做为下一个研究点？

       这是因为浏览器是到眼下为止，最有机会成为跨平台开发的一种技术，并且你们对它的接受程度也很是高。特别是有HTML5标准以后。

       为何要实现跨平台开发？

       这是因为在现代愈来愈高效运转的社会中。时间就是金钱。详细到软件开发来讲，主要就是开发时间成本。

拿现在的移动应用开发来讲，咱们一般会同一时候开发Android和iOS两个版本号。它们功能是基本同样的。但是因为它们使用的开发语言和执行的平台不一致。致使了要分别对它们进行开发。这样天然就会提升开发成本。

固然咱们可以在某种程度上为Android和iOS两个版本号的应用开发一些基础库来尽可能下降开发成本。这些基础库的核心功能使用C/C++来开发。而后封装一套Java接口和一套Objective-C接口分别给Android和iOS使用。

然而这并不能完全地解决跨平台的问题，好比UI及其相关的逻辑就很是难经过跨平台的基础类库实现。

       为何要选择Android平台上基于Chromium实现的WebView做为切入点研究浏览器？

       这个问题的三个keyword是Android、Chromium和WebView。

       首先看keywordChromium。假设你没有据说过Chromium，也应该会据说过Chrome浏览器。

与其余的浏览器相比，Chrome浏览器的多进程架构和高速打开网页的能力至关惊艳，而它就是基于Chromium实现的。Chromium是一个开源的由Google主导的浏览器project，Chrome浏览器会选择在它的某一个稳定版本号进行开发和公布。

除了Chrome浏览器。Chrome OS也是基于Chromium开发的。

由此就可见，Chromium是一个具备深厚技术背景的开源project，并且它使用的架构是OS级别的，要否则Chrome OS就不能轻易地基于它来开发。

       接下来看keywordWebView。Android系统从4.4以及之后版本号提供的WebView，与Chrome和Chrome OS同样，都是基于Chromium实现的。也就是说，WebView、Chrome和Chrome OS都是Chromium的客户。当中又以WebView提供的浏览器功能是最简单的。所以选择WebView做为切入点，可以使得咱们高速掌握地Chromium所涉及到的浏览器技术。最后看keywordAndroid。

       最后看keywordAndroid。Chromium是一个跨平台的浏览器project，它可以在眼下流行的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体验。

       以上说起到的所有UI渲染技术，不管是什么系统，咱们都可以或多或少地看到它们的影子。所以它们都是通用的、现代化的UI渲染技术。假设掌握了这些UI渲染技术，那么不管之后流行的是什么系统，咱们都可以轻松应对。所以。学习浏览器技术可以获得的第一点核心技术就是现代化的先进UI渲染技术。

       不知道同窗们有没有发现，近期几年时不时都看到有新的编程语言公布，特别是伴随着新系统的公布。当中比較有名的就是Google的Go语言和Apple的Swift语言。咱们在惊叹这些编程语言方便好用的同一时候。有没有想过它们背后是怎样设计和实现的呢？假设有考虑过这个问题的话。咱们就不得不提到JavaScript这个古老而又流行的编程语言。

       JavaScript被视为一个“玩具语言”，听说它仅仅花了2个星期设计。而后被使用了20年。在20年的时间里，你们一边在用它，而后又一边在骂它。

这足见你们是有多么的喜欢它，正所谓”骂是爱。打是亲“嘛。JavaScript尽管天生是为操做网页而设计的，但是它并不只仅是应用在网页前端应用开发上，它还渗透了移动端和服务端应用开发上。

       在移动端上，近两三年出现了很多专门针对手机的Web OS，好比Firefox OS、Ubuntu Mobile OS、Tizen OS以及阿里的云OS，都支持执行Web应用。这意味在这些系统上可以使用JavaScript来开发应用。固然，在Android和iOS上也可以开发Web应用。只是它们都是要执行在WebView之上，不是直接在OS层面上获得支持。在服务端上，Node.js就是一个有表明性的框架。它使得咱们可以使用JavaScript来开发Webserver。

       除了在移动端和服务端上。JavaScript甚至还应用在MCU（Microcontroller Unit）领域上，也就是俗称的单片机领域上。这些MCU提供了一个JavaScript执行环境。从而使得咱们可以使用JavaScript操做它们。

       一个原本仅仅是设计用在网页开发的语言，因为它的简洁和易用性，现在不只渗透到移动端、server端开发上，还渗透到了MCU领域上，这足以看到JavaScript是如此普遍地被开发人员接受和使用。固然，JavaScript普遍地被开发人员接受和使用，并不意味着它是完美的，好比性能就是一个比較突出的问题。但是会不会在之后的某一天，当JavaScript的性能问题被解决以后，所有可以编程的领域，都会被JavaScript取代呢？

       不管怎样，鉴于现在JavaScript的流行性，做为一个软件开发从业者，咱们不只会使用JavaScript，还需要知道JavaScript在背后是怎样执行的，这样才干达到一个更高的境地。JavaScript是一种动态语言，与C/C++、Java这些静态语言同样，在实现上都是涉及到了编译相关的知识。好比语法解析、生成语法树、生成字节码指令、生成本地指令和指令优化等。仅仅只是对于动态语言来讲，这些操做发生在应用程序执行时，仅仅对于静态语言来讲，这些操做发生应用程序执行前。此外。执行JavaScript的引擎与执行Java字节码的虚拟机同样，在执行时都提供了内存本身主动管理技术，也就是会执行GC。因而可知，学习JavaScript可以得到很是多编译语言相关的知识。这也是学习浏览器技术可以获得的第二点核心技术。

       当咱们学习的是基于Chromium的浏览器技术的时候，咱们就不只仅是可以得到上面提到的两个核心技术，还可以学习到一个复杂系统的架构，好比它的对象管理技术、多进程架构和多线程编程模型等等。一言蔽之，学习浏览器技术可以使咱们得到很是多现在和甚至将来都流行的计算机技术。

       Android Chromium WebView的学习路线是什么？

       咱们将经过分析Android 5.0版本号源代码自带的chromium_orgproject来学习Android Chromium WebView的实现，并且是使用按部就班的学习方法。先从一些基础知识学起，好比Chromium的智能指针技术、线程通讯模型和进程通讯模型。而后再配合使用情景来，逐渐地分析复杂的技术。好比网页资源下载、网页分层、分块、绘制、合成和硬件加速渲染等技术等。

       这将会是一个充满挑战的学习过程。但是假设可以坚持下来，收获也是巨大的，因为咱们所学习的知识很是有可能就是下一个技术风口。