o2team / H5Skills

移动端开发技巧集合
831 stars 80 forks source link

认识X5内核 #61

Open Tingglelaoo opened 7 years ago

Tingglelaoo commented 7 years ago

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 & Chromuim &Chrome & Blink

参考资料: 理解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内核。

更简洁地说,即是:

==== TBS2.0内核详情 ====

Changelog 以及 解读

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的版本分布情况

据腾讯内部的小伙伴告知,x5内核基本覆盖理论上达到100%,但难免会有漏网之鱼。而根据实际数据抽样整理显示,截至2016年5月19日,x5内核基本覆盖率达到91.47%。

ddzy commented 4 years ago

学到了