Open Tingglelaoo opened 7 years ago
在Android 4.4及其以上,Google 采用了Chromium(Chrome浏览器引擎)作为系统WebView的底层内核支持。
Android 4.4及其以上
目前(截至16年5月份),Android的最新版本为6.0版本(Marshmallow,棉花糖)。
截至16年2月份,根据Google公布的Android 各个系统版本市场占有率(Google Android dashboards),Android 4.0及其以上系统将近90%左右。意味着我们可以忽略Android2.x带来的兼容性问题。
参考资料:Android 各个版本WebView
腾讯基于优秀开源Webkit 深度优化的浏览器渲染引擎
为抹平不同 Android 版本不同 Webview 的坑而生。但本身也带来了许多坑。
虽然官方不承认,但实际上它是基于Chromuim开源项目的。 ==== webkit内核以及blink内核在x5的使用情况 ====
QQ浏览器:6.2版本及以后使用blink内核。
X5 tbs 1.x:版本号为02xxxx,使用webkit内核。
X5 tbs 2.x:版本号为03xxxx。使用blink内核。
WebKit是一个开源的项目,其前身是来源于KDE的KHTML和KJS。该项目专注于网页内容的展示,开发出一流的网页渲染引擎。
Chromium是一个建立在WebKit之上的浏览器开源项目,由Google发起的。
Chrome是Google公司的浏览器产品,它基于chromium开源项目。可以理解为,内核是开源的,UI是闭源的。
Blink是Google退出WebKit项目,从而自己创建的渲染引擎。但并不是全新的引擎,Blink目前就是从WebKit直接复制出一个版本出来,然后将与chromium无关的Ports全部移除掉,将代码结构重新整理,就目前而言,Blink的渲染和WebKit是一样,但是,以后两者将各自走不同的路。
参考资料: 理解WebKit和Chromium
截至16年4月份,x5升级全量发布。 TBS2.0基于Android 5.0 WebView Blink内核(M37版本)适配定制优化,适配Android全部主流平台,可以在所有Android手机上使用Blink的技术能力。具有更好的H5/CSS3支持和性能。TBS2.0已经发布,将逐步在各客户端中静默升级,无需更新微信、手机QQ、QQ空间即可使用最新的TBS2.0 Blink内核。
更简洁地说,即是:
静默升级
PS:iOS版本的微信Web View一直是WKWebView内核,WKWebView的版本依赖于iOS的系统版本。
==== TBS2.0内核详情 ====
1.内核从Webkit升级至Blink,拥有更好的支持
那么哪里可以查阅兼容性呢?
X5 CanIUse
2.内核版本号升级到362xx版本。可以根据UserAgent判断当前环境是否已升级到 TBS2.0版本,包含(TBS/03xxxx)字段。
那么怎么查看自己微信里的 TBS 版本?
用微信打开这个页面,检查TBS的版本号,0362xx 表示已更新。 页面的代码只有两句,为:
// 检测页面的核心代码 var resultDiv = document.getElementById('result'); resultDiv.innerHTML = window.navigator.userAgent;
3.CSS3属性支持增强:
PS:更多更具体的支持情况可查阅这里
4.autoplay属性有效,可自动播放
5.canvas支持设置背景色
6.标准的缓存策略,支持Spdy 3.1
7.动画性能提升
8.更好的inspector支持
参考资料:
一、工具方面:
二、对于开发调试页面
据腾讯内部的小伙伴告知,x5内核基本覆盖理论上达到100%,但难免会有漏网之鱼。而根据实际数据抽样整理显示,截至2016年5月19日,x5内核基本覆盖率达到91.47%。
学到了
Android WebView
在
Android 4.4及其以上
,Google 采用了Chromium(Chrome浏览器引擎)作为系统WebView的底层内核支持。目前(截至16年5月份),Android的最新版本为6.0版本(Marshmallow,棉花糖)。
截至16年2月份,根据Google公布的Android 各个系统版本市场占有率(Google Android dashboards),Android 4.0及其以上系统将近90%左右。意味着我们可以忽略Android2.x带来的兼容性问题。
参考资料:Android 各个版本WebView
X5
腾讯基于优秀开源Webkit 深度优化的浏览器渲染引擎
为抹平不同 Android 版本不同 Webview 的坑而生。但本身也带来了许多坑。
虽然官方不承认,但实际上它是基于Chromuim开源项目的。 ==== webkit内核以及blink内核在x5的使用情况 ====
QQ浏览器:6.2版本及以后使用blink内核。
X5 tbs 1.x:版本号为02xxxx,使用webkit内核。
X5 tbs 2.x:版本号为03xxxx。使用blink内核。
拓展:Webkit & Chromuim &Chrome & Blink
WebKit是一个开源的项目,其前身是来源于KDE的KHTML和KJS。该项目专注于网页内容的展示,开发出一流的网页渲染引擎。
Chromium是一个建立在WebKit之上的浏览器开源项目,由Google发起的。
Chrome是Google公司的浏览器产品,它基于chromium开源项目。可以理解为,内核是开源的,UI是闭源的。
Blink是Google退出WebKit项目,从而自己创建的渲染引擎。但并不是全新的引擎,Blink目前就是从WebKit直接复制出一个版本出来,然后将与chromium无关的Ports全部移除掉,将代码结构重新整理,就目前而言,Blink的渲染和WebKit是一样,但是,以后两者将各自走不同的路。
参考资料: 理解WebKit和Chromium
X5升级了
截至16年4月份,x5升级全量发布。 TBS2.0基于Android 5.0 WebView Blink内核(M37版本)适配定制优化,适配Android全部主流平台,可以在所有Android手机上使用Blink的技术能力。具有更好的H5/CSS3支持和性能。TBS2.0已经发布,将逐步在各客户端中静默升级,无需更新微信、手机QQ、QQ空间即可使用最新的TBS2.0 Blink内核。
更简洁地说,即是:
静默升级
PS:iOS版本的微信Web View一直是WKWebView内核,WKWebView的版本依赖于iOS的系统版本。
==== TBS2.0内核详情 ====
Changelog 以及 解读
1.内核从Webkit升级至Blink,拥有更好的支持
X5 CanIUse
2.内核版本号升级到362xx版本。可以根据UserAgent判断当前环境是否已升级到 TBS2.0版本,包含(TBS/03xxxx)字段。
用微信打开这个页面,检查TBS的版本号,0362xx 表示已更新。 页面的代码只有两句,为:
3.CSS3属性支持增强:
PS:更多更具体的支持情况可查阅这里
4.autoplay属性有效,可自动播放
5.canvas支持设置背景色
6.标准的缓存策略,支持Spdy 3.1
7.动画性能提升
8.更好的inspector支持
参考资料:
总结
常用工具
我们可以从中了解到什么
一、工具方面:
二、对于开发调试页面
X5的版本分布情况
据腾讯内部的小伙伴告知,x5内核基本覆盖理论上达到100%,但难免会有漏网之鱼。而根据实际数据抽样整理显示,截至2016年5月19日,x5内核基本覆盖率达到91.47%。