AndroidWebView、Webkit内核深入讲解资料
[转]关于手机webview内核、默认浏览器、各家小程序的渲染层浏览器的区别和兼容性
![[转]关于手机webview内核、默认浏览器、各家小程序的渲染层浏览器的区别和兼容性](https://img.taocdn.com/s3/m/e2410afff9c75fbfc77da26925c52cc58bd6903e.png)
[转]关于⼿机webview内核、默认浏览器、各家⼩程序的渲染层浏览器的区别和兼容性浏览器兼容性是前端常见问题，经常有⼈会问：我的代码在xx浏览器上可以⽤，为什么在HBuilder真机运⾏或打包的就有问题？先说iOS。
iOS的webview有uiwebview和wkwebview的区别Android⼿机的webview，分系统webview和x5两种Android系统webview关于如何查看Android⼿机端webview的版本：1. ⽇志⾥查ua2. 在系统设置⾥找到所有应⽤，显⽰隐藏系统进程，在⾥⾯找到Android system webview，显⽰的版本即为chrome版本。
Android⼿机默认浏览器和webview的区别国外品牌的安卓⼿机，⾃带浏览器就是chrome。
⽽国内安卓⼿机，⾃带浏览器⼤多是QQ浏览器、UC浏览器的贴牌，极个别是⾃⼰改造chromium。
所以⼿机⾃带的浏览器并不等于webview，在⼀个平台可运⾏，不代表另⼀个平台可兼容。
QQ、UC、360等浏览器也基本是基于chromium做改造，不同版本的浏览器其使⽤的chromium内核版本也不⼀样。
具体可以打印ua查看。
注意夜神等安卓模拟器的Android版本是4.4，很多新语法都不⽀持。
如果你有影响⽤户的能⼒，为了给⽤户更好的体验，可以引导Android⽤户安装最新版Android system webview。
应⽤宝、华为、⾦⽴等应⽤市场均可下载这个apk，或者FQ到google play store。
在华为、⼩⽶、⾦⽴⼿机上，wifi下会⾃动更新Android system webview。
尤其是有些Android5⽤户使⽤的Android system webview 37版本，有硬件加速bug，闪屏花屏，此时升级webview即可解决。
有⼈问可否在打包时直接集成新版Android system webview，减少浏览器兼容问题？webview体积⾄少50M起，体积实在太⼤了。
webview原理
webview原理WebView是Android系统提供的一个可嵌入应用中的浏览器控件。
它可以让我们在应用程序中使用WebView来加载网页并显示网页内容，同时还可以通过JavaScript与网页进行交互。
WebView一般用来实现内部的网页浏览器，让应用程序内部集成网页功能，给用户带来更好的使用体验。
WebView是一个基于WebKit引擎的浏览器控件，具有可扩展性、多平台支持等优点。
它可以通过设置WebViewClient来控制WebView的一些行为，比如在WebView中加载网页时是否弹出对话框，是否使用缓存等等。
同时也可以通过设置WebChromeClient来与WebView中的JavaScript代码进行交互。
WebView的渲染机制：WebView的渲染机制是基于WebKit引擎实现的。
它是基于事件驱动的，当WebView加载网页时，它会自动生成一个事件队列，按照事件队列的顺序对网页进行渲染和绘制。
WebView和JavaScript的交互：通过设置WebChromeClient和WebViewClient，我们可以与WebView中的JavaScript代码进行交互。
比如在Android中，我们可以在Java代码中调用JavaScript方法，也可以通过JavaScript代码调用Java方法。
WebView的缓存机制是按照网址和内容区分的，它可以将网页中的一些数据进行缓存，这样在下一次加载相同的网页时就可以更快地加载，避免了重复加载数据。
同时，WebView还可以设置缓存的过期时间，避免缓存数据过期后仍然使用旧数据。
总结：WebView是一个非常强大的浏览器控件，它可以让我们在应用程序中使用网页功能，让用户更方便地使用应用程序。
它的基础渲染机制是基于WebKit引擎，同时它还具有扩展性、多平台支持等优点。
如果你是一个Android开发人员，那么你一定需要掌握WebView的相关知识。
Android学习——WebView的用法
Android学习——WebView的⽤法WebView介绍Android WebView在Android平台上是⼀个特殊的View，基于webkit引擎、展现web页⾯的控件，这个类可以被⽤来在你的app中仅仅显⽰⼀张在线的⽹页，还可以⽤来开发浏览器。
WebView内部实现是采⽤渲染引擎来展⽰view的内容，提供⽹页前进后退，⽹页放⼤，缩⼩，搜索。
Android的Webview在低版本和⾼版本采⽤了不同的webkit版本内核，4.4后直接使⽤了Chrome。
现在很多APP都内置了Web⽹页，⽐如说很多电商平台，淘宝、京东、聚划算等等。
WebView⽐较灵活，不需要升级客户端，只需要修改⽹页代码即可。
⼀些经常变化的页⾯可以⽤WebView这种⽅式去加载⽹页。
例如中秋节跟国庆节打开的页⾯不⼀样，如果是⽤WebView显⽰的话，只修改修改html页⾯就⾏，⽽不需要升级客户端。
Webview功能强⼤，可以直接使⽤html⽂件（本地sdcard/assets⽬录），还可以直接加载url，使⽤JavaScript可以html跟原⽣APP互调。
简单使⽤因为需要加载⽹页url，所以需要在AndroidManifest.xml中添加访问⽹络权限。
1 <uses-permission android:name="android.permission.INTERNET" />布局⽂件:activity_main.xml1<?xml version="1.0" encoding="utf-8"?>2<FrameLayout xmlns:android="/apk/res/android"3 android:layout_width="match_parent"4 android:layout_height="match_parent"5 android:orientation="vertical">67<WebView8android:id="@+id/webview"9 android:layout_width="match_parent"10 android:layout_height="match_parent"/>1112<ProgressBar13android:id="@+id/progressbar"14 style="@android:style/Widget.ProgressBar.Horizontal"15 android:layout_width="match_parent"16 android:layout_height="3dip"17 android:max="100"18 android:progress="0"19 android:visibility="gone"/>20</FrameLayout>外层FrameLayout，⾥⾯有WebView跟ProgressBar，WebView的宽⾼匹配⽗类，ProgressBar横向进度条，⾼度3dip，按照FrameLayout 布局规则，ProgressBar会覆盖在WebView之上，默认是隐藏不显⽰。
详解android用webview加载网页（https和http）
详解android⽤webview加载⽹页（https和http）1.Android 加载https请求的⽹页的时候打不开当load有ssl层的https页⾯时，如果这个⽹站的安全证书在Android⽆法得到认证，WebView就会变成⼀个空⽩页，⽽并不会像PC浏览器中那样跳出⼀个风险提⽰框。
因此，我们必须针对这种情况进⾏处理。
(这个证书限于2.1版本以上的Android 系统才可以)wv.setWebViewClient(new WebViewClient(){@overridepublic void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error){//handler.cancel(); 默认的处理⽅式，WebView变成空⽩页handler.process();接受证书//handleMessage(Message msg); 其他处理}// 这⾏代码⼀定加上否则效果不会出现webView.getSettings().setJavaScriptEnabled(true);查看Android浏览器源码在TabControl.Java类中SubWindowClient⽅法中找，如果只是简单的接受所有证书的话，就直接调process()⽅法就⾏了写到这⾥之后，直接运⾏是页⾯是可以打开的。
但是打好签名包之后，依旧打不开⼀路追踪之后，发现是那个⽅法被混淆了proguard：mapping.txtxx.xx.xxxxx.xx.xxx this$0 -> avoid onReceivedSslError(android.webkit.WebView,android.webkit.SslErrorHandler,.http.SslError) -> onReceivedSslError所以还要必要在混淆⽂件proguard.cfg中，加⼊以下：-keep public class .http.SslError-dontwarn android.webkit.WebView-dontwarn .http.SslError-dontwarn Android.webkit.WebViewClient还有⼀点要提到的是，如果⼿机添加了代理。
ANDROID中WEBVIEW的使用
ANDROID中WEBVIEW的使用WEBVIEW是Android中的一个View组件，用于在应用程序中显示网页内容。
在Android中，使用WEBVIEW可以实现访问网页、展示HTML内容、加载本地HTML文件、加载JS、与JS交互等功能。
本文将详细介绍ANDROID中WEBVIEW的使用。
一、导入WEBVIEW库使用WEBVIEW前，需要在项目的build.gradle文件中添加相关库的依赖：```implementation 'androidx.webkit:webkit:1.4.0'```二、在布局文件中添加WEBVIEW在需要使用WEBVIEW的布局文件中添加WEBVIEW组件：```xml<WebViewandroid:layout_width="match_parent"android:layout_height="match_parent"/>```三、在Activity中初始化WEBVIEW在Activity的onCreate(方法中初始化WEBVIEW：```javaWebView myWebView = findViewById(R.id.webview);WebSettings webSettings = myWebView.getSettings(;webSettings.setJavaScriptEnabled(true);webSettings.setDomStorageEnabled(true);```上述代码中，首先通过findViewById(方法获取到布局文件中的WEBVIEW组件，然后通过getSettings(方法获取到WEBVIEW的设置对象WebSettings，最后设置一些通用的设置，例如设置是否支持JavaScript，是否支持DOM存储等。
四、加载网页使用WEBVIEW加载网页有两种方式，一种是直接加载URL，另一种是加载HTML内容。
AndroidWebView、Webkit内核深入讲解资料
一、WebKit 简介WebKit是一个开源的浏览器网页排版引擎，包含 WebCor（排版引擎和JSCore引擎。
WebCore和JSCore引擎来自于KDE项目的KHTM和KJS开源项目。
An droid平台的Web引擎框架采用了 WebKit项目中的 WebCore和JSCore部分，上层由Java语言封装，并且作为 API提供给An droid应用开发者，而底层使用 WebKit核心库（WebCore和JSCore）进行网页排版。
二、WebKit目录结构An droid WebKit Java WebKitAn droid平台的WebKit模块由Java层和WebKit库两个部分组成，Java层负责与An droid应用程序进行通信，而WebKit类库负责实际的网页排版处理。
Java层和C层库之间通过JNI和Bridge相互调用，如下图所示：3.1.1主要类关系WebKit模块的Java层一共由41个文件组成，其中主要的类关系如下图所示:1. WebViewHTTPS FTP 以及javascript 请求。
WebView 作为应用程序的 UI 接口，为用户提供了一系列的网页浏览、用户交互接口，客户程序通过这些接口访问1. WebViewDatabaseWebViewDatabase 是WebKit 模块中针对SQLiteDatabase 对象的封装，用于存储和获取运行时浏览器保存的缓冲数据、历史访问数据、浏览器配置数据等。
该对象是一个单实例对象，通过 get In sta nee 方法获取 WebViewDatabase 的实例。
WebViewDatabase 是 WebKit 模块中的内部对象，仅供 WebKit 框架内部使用。
1. WebViewCoreWebViewCore 类是Java 层与C 层WebKit 核心库的交互类，客户程序调用 WebView 的网页浏览相关操作会转发给 BrowserFrame 对象。
Android中webView实战详解
Android中webView实战详解一、WebView谷歌提供的系统组件，用来加载和展现html网页，其采用webkit内核驱动，来实现网页浏览功能。
拥有load() URL和本地html文件。
注意：1. loadUrl()必须在主线程中执行。
2. 加载在线网页地址是会用到联网permission权限的，所以需要在AndroidManifest.xml中写入下面代码申请权限：<uses-permission Android:name="android.permission.INTERNET" />3. 打开本地html文件时，是不需要设置WebViewClient，对应的asstes目录的url为：file:///android_asset/xxxxx。
4. WebView基本设置如果我们需要设置WebView的属性，是通过WebView.getSettings()获取设置WebView的WebSettings对象,然后调用WebSettings中的方法来实现的。
// 是否支持缩放，配合方法setBuiltInZoomControls使用，默认truesetSupportZoom(boolean support)//是否需要用户手势来播放Media，默认true setMediaPlaybackRequiresUserGesture(boolean require)是否显示窗口悬浮的缩放控制，默认truesetDisplayZoomControls(boolean enabled)是否允许访问WebView内部文件，默认truesetAllowFileAccess(boolean allow)是否保存表单数据，默认falsesetSaveFormData(boolean save)// 设置页面文字缩放百分比，默认100%setTextZoom(int textZoom)。
android浏览器内核相关知识及运行流程讲解
Dom1&2 GIF/JPEG/PNG SVG可缩放矢量图形 （Scalable Vector Graphics) ECMA262 JS1-6 HTTP/FILE
XML
SSL3 JVM FTP RSS2.0(RDF Site Summary )
一、WEBKIT功能实现
简单来说：WebKit是一个渲染引擎 Rendering Engine）
android浏览器内核相关知识及运行流程讲解android浏览器内核android浏览器android打开浏览器android浏览器开发android调用浏览器android文件浏览器android图片浏览器android浏览器源码android跳转浏览器
一、WEBKIT基础
1.三大浏览器内核引擎： 1.三叉戟（Trident），微软的IE 2.Gecko，Firefox 3.WebKit，Apple的Safari，以及Google的Chrome
KHTML标准支持 HTML 4.01 CSS1, CSS 2.1 （paged media除 外）, CSS 3 选择符（selector） 及部分其他功能 DOM 1, 2 及部分的 DOM 3 PNG, MNG, JPEG, GIF 部分 SVG ECMA-262 JavaScript 1.5
2.WEBKIT优点： 源码结构清晰、渲染速度极快，开源
新老浏览器内核比较 WebKit与KHTML（Konqueror内核） WebKit前身是KDE 小组的 KHTML。Apple将 KHTML 发扬 光大。 所以两者的代码实现和思路都很像。
WEBKIT标准功能 HTML4.0/5.0 视频标签<video> CSS1&2
二、QTWEBKIT和ANDROIDWEBKIT 比较
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、WebKit 简介WebKit是一个开源的浏览器网页排版引擎，包含 WebCor（排版引擎和JSCore引擎。
WebCore和JSCore引擎来自于KDE项目的KHTM和KJS开源项目。
An droid平台的Web引擎框架采用了 WebKit项目中的 WebCore和JSCore部分，上层由Java语言封装，并且作为 API提供给An droid应用开发者，而底层使用 WebKit核心库（WebCore和JSCore）进行网页排版。
二、WebKit目录结构An droid WebKit Java WebKitAn droid平台的WebKit模块由Java层和WebKit库两个部分组成，Java层负责与An droid应用程序进行通信，而WebKit类库负责实际的网页排版处理。
Java层和C层库之间通过JNI和Bridge相互调用，如下图所示：3.1.1主要类关系WebKit模块的Java层一共由41个文件组成，其中主要的类关系如下图所示:1. WebViewHTTPS FTP 以及javascript 请求。
WebView 作为应用程序的 UI 接口，为用户提供了一系列的网页浏览、用户交互接口，客户程序通过这些接口访问1. WebViewDatabaseWebViewDatabase 是WebKit 模块中针对SQLiteDatabase 对象的封装，用于存储和获取运行时浏览器保存的缓冲数据、历史访问数据、浏览器配置数据等。
该对象是一个单实例对象，通过 get In sta nee 方法获取 WebViewDatabase 的实例。
WebViewDatabase 是 WebKit 模块中的内部对象，仅供 WebKit 框架内部使用。
1. WebViewCoreWebViewCore 类是Java 层与C 层WebKit 核心库的交互类，客户程序调用 WebView 的网页浏览相关操作会转发给 BrowserFrame 对象。
当 WebKit 核心库完成实际的数据分析和处理后会回调 WebViweCore 中定义的一系列 JNI 接口，这些接口会通过 CallbackProxy 将相关事件通知相应的UI 对象。
1. CallbackProxyCallbackProxy 是一个代理类，用于 UI 线程和 WebCore 线程交互。
该类定义了一系列与用户相关的通知方法，当 WebCore 完成相应的数据处理，则会调用 CallbackProxy 类中对应的方法，这些方法通过消息方式间接调用相应处理对象的处理方法。
详细的处理流程在下文中会具体分析。
1. BrowserFrameBrowserFrame 类负责URL 资源的载入、访问历史的维护、数据缓存等操作，该类会通过 JNI 接口直接与 WebKit C 层库交互。
1. JWebCoreJavaBridge该类为Java 层WebKit 代码提供与 C 层WebKit 核心部分的Timer 和Cookies 操作相关的方法。
1. DownloadManagerCore下载管理核心类，该类负责管理网络资源下载，所有的Web 下载操作均有该类同一管理。
该类实例运行在 WebKit 线程当中，与 UI 线程的交互是通过调用 CallbackProxy 对象中相应的方法完成。
1. WebSett ings该对象描述了 WEB 浏览器访问相关的用户配置信息。
1. DownloadListener下载侦听接口，如果客户代码实现该接口，则在下载开始、失败、挂起、完成等情况下， DownloadManagerCore 对象会调用客户代码中实现的 DwonloadListener 方法。
1. WebBackForwardListWebBackForwarList 对象维护着用户访问历史记录，该类为客户程序提供操作访问浏览器历史数据的相关方法。
占rrw■th F FIftWWtewCweiAftfeW gr^JawaBrniw ■MNMif raimW?tiS«<hng5 WabBackFotwarvIJ^I WtibViFwClknnl twee iVMetiClWonwCllenlWebView 类是WebKit 模块Java 层的视图类，所有需要使用Web 浏览功能的 An droid 应用程序都要创建该视图对象显示和处理请求的网络资源。
目前，WebKit 模块支持 HTTP 、WebKit 核心代码。
1. WebViewClientWebViewClie nt类定义了一系列事件方法，如果An droid应用程序设置了WebViewClie nt派生对象，则在页面载入、资源载入、页面访问错误等情况发生时，该派生对象的相应方法会被调用。
1. WebBackForwardListClientWebBackForwardListClient对象定义了对访问历史操作时可能产生的事件接口，当用户实现了该接口，则在操作访问历史时（访问历史移除、访问历史清空等）用户会得到1. WebChromeClient3.1.2 主要类的设计3.121数据载入器的设计WebKit模块的Java部分框架中使用数据载入器来加载相应类型的数据，目前有CacheLoader、DataLoader以及FileLoader三类载入器，他们分别用于处理缓存数据、内存据, 以及文件数据的载入操作。
Java层（WebKit模块）所有的载入器都从StreamLoader继承（其父类为Handler），由于StreamLoader类的基类为Handler类，因此在构造载入器时，会开启一个事件处理线程，该线程负责实际的数据载入操作，而请求线程通过消息的方式驱动数据的载入。
下图是数据载入器相关类的类图结构：完毕消息。
该类提供了2个抽象保护方法以及一个共有方法: 保护方法主要是用于构造与通信协议相关的数据流，以及向buildHeaders方法是向子类提供构造特定协议消息头功能。
所有载入器只有一个共有方法（LoaderListener以及BrowserFrame，当数据载入事件发生时，WebKit C库会更新载入进度,对象，通知View类进度条数据变更。
下面以DataLoader类为例子，说明数据载入以及与load ），因此当需要载入数据时，调用该方法即可。
与数据载入流程相关的类还有并且会通知BrowserFrame，BroserFrame接收到进度条变更事件后会通过CallbackProxyUI交互过程：StreamLoader 类定义了4个不同的消息MSG_STATUS MSG_HEADERS MSG_DATA、MSG_END），分别表示发送状态消息、发送消息头消息、发送数据消息以及数据发送< WitaItnuu如他4-阳!1蛀凹-------------- 町pa ■■ ■■■■■■■ ■：■■■■」■ JaJ______L中导忸严j— * ———— *三卜-fl---------- RES a ----------- -----二_____________________________ iWTi.皈________________ ■rX通知WebChromeClient类定义了与浏览窗口修饰相关的事件。
例如接收到Title、接收到Icon、进度变化时，WebChromeClient的相应方法会被调用setupStreamA ndSe ndStatus LoadListener 发送状态。
上图中绿色部分是BrowserFrame处理进度变更事件时，调用CallbackProxy对象通知视图变更状态的操作，在这里省略。
途中灰色部分表示C层代码，而白色部分表示Java 层代码。
3.2 C层框架321 C 类与Java类的关系1. BrowserFrame与BrowserFrame Java类相对应的C++类为FrameBridge，该类为Dalvik虚拟机回调BrowserFrame类中定义的本地方法进行了圭寸装。
与BrowserFrame中回调函数（Java层）相对应的C层结构定义如下：UvaVM*mJ VM;j object mObi;jmeihixllD mSLurlLuLidingRcsouRc:ni L<Kid Started;jmcihixlltJ mUpdaieHiMorYl oK omtiut;jmcthodtD mUpdate! LI rrcnlHisLuryDaLazjmethixllD m Report Lrrur;jnK'ihixinJ mSctfitlc;JmcihodlD mWindi >wObj ec [Cleaned;rnSc Progress；jmethiKllD mDidRcLcixckun;jmcthodlD mUpdatcVi?iiicdl 1isk>r);jmethodlD mHandleUrl;jmeUHnllD nit renieWintlo'A ；jmt-thodID mt luscWiniims;imcthodlD mDcLidcPolicyFdriiirniRcsuhtiiissiuii:该结构作为FrameBridge （C层）的一个成员变量（mJavaFrame）,在FrameBridge构造函数中，用BrowserFrame （Java层）类的回调方法的偏移量初始化JavaBrowserFrame结构的各个域。
初始后，当WebCore （C层）在剖析网页数据时，有Frame相关的资源改变，比如WEB页面的主题变化，则会通过mJavaFrame结构，调用指定BrowserFrame 对象的相应方法，通知Java层处理。
2.JWebCoreJavaBridge与该对象相对应的C层对象为JavaBridge，JavaBridge对象继承了TimerClient和CookieClient类，负责WebCore中的定时器和Cookie管理。
与Java层JWebCoreJavaBridge 类中方法偏移量相关的是JavaBridege中几个成员变量，在构造JavaBridge对象时，会初始化这些成员变量，之后有Timer或者Cookies事件产生，WebCore会通过这些ID值，回调对应JWebCoreJavaBridge的相应方法。
3.LoadListener与该对象相关的 C 层结构是struct resourceloader_t ，该结构保存了LoadListener 对象ID、CancelMethod ID 以及DownloadFiledMethod ID 值。