方案

       好实用微信新闻从微信团队了解到，微信安卓版客户端 webview 已经100%放量，全面升级至 X5 Blink 内核，将具有更好的 HTML5/CSS3 支持，更强大的渲染能力。

       为此，微信 web 开发者工具同步推出0.5.0版本，继支持测试号、企业号、第三方平台开发者的使用之后，新增支持实时映射手机屏幕到 PC 或者 Mac 上，可以远程调试 X5 Blink 内核上的网页。

       X5 Blink详情介绍：

• 一．Changelog：
• 1. 内核基准从WebKit升级到Blink版本，更高的性能，更完善的H5/CSS3支持。
• 2. 内核版本号升级到362xx版本。 可以根据UserAgent判断当前环境是否已升级到 TBS2.0版本,包含（TBS/03xxxx）字段
• 3. 更完善的H5支持，HTML5跑分475
• 4. CSS3属性支持增强，完整支持flex
• 5. 更完善的filter支持
• 6. 支持Spdy 3.1
• 7. 动画性能提升
• 8. 支持伪元素动画效果
• 9. 更好的inspector支持
• 二．内核详情：

• TBS2.0	内核详情
  BLINK版本:	基于Chrome 37
  HTML版本:	HTML5.0
  XHTML版本:	xHTML Basic 1.0 | xHTML1.1
  SVG版本:	SVG1.2
  WML版本:	Wml 1.0
  CSS版本:	CSS3
  Spdy版本:	3.1
  支持的JavaScript版本:	Ecma5

• Caniuse测试地址：http://res.imtt.qq.com/tbs/incoming20160419/home.html
• 2.1. TBS2.0与上一个版本的caniuse总体对比情况：

• 测试项		TBS1.4	TBS2.0
  HTML	Supported	24	29
  	Not Supported	14	8
  	Partially Supported	3	4
  JSAPI	Supported	25	40
  	Not Supported	34	18
  	Partially Supported	3	4
  SVG	Supported	8	8
  	Not Supported	2	2
  	Partially Supported	0	0
  CSS	Supported	46	62
  	Not Supported	42	24
  	Partially Supported	0	2
  Others	Supported	13	26
  	Not Supported	20	8
  	Partially Supported	1	1
  	Not Test	1	0

• 2.2. TBS2.0在HTML5新增能力

• HTML5	TBS 1.4	TBS 2.0
  Canvas blend modes	N	Y
  Custom Elements	N	Y
  dataset & data-* attributes	N	Y
  Dialog element	N	Y
  Offline web applications	N	Y
  Srcset attribute	N	Y

• 2.3. TBS2.0在JS API新增能力

• JS API	TBS 1.4	TBS 2.0
  Blob constructing	N	Y
  Blob URLs	N	Y
  Channel messaging	N	Y
  CSS.supports() API	N	Y
  Gamepad API	N	Y
  High Resolution Time API	N	Y
  IndexedDB	N	Y
  Internationalization API	N	Y
  matches() DOM method	N	Y
  Object.observe data binding	N	Y
  Page Visibility	N	Y
  Promises	N	Y
  Resource Timing	N	Y
  User Timing API	N	Y
  Vibration API	N	Y
  Web Animations API	N	Y
  Web Audio API	N	Y
  WebRTC Peer-to-peer connections	N	Y

• 2.4. TBS2.0在CSS上新增能力

• CSS	TBS 1.4	TBS 2.0
  selection CSS pseudo-element	N	Y
  Blending of HTML/SVG elements	N	Y
  background-blend-mode	N	Y
  box-decoration-break	N	Y
  Feature Queries	N	Y
  Filter Effects	N	Y
  resize property	N	Y
  Shapes Level 1	N	Y
  touch-action property	N	Y
  will-change property	N	Y
  3D Transforms	N	Y
  Background-image options	N	Y
  object-fit/object-position	N	Y
  tab-size	N	Y
  Transitions	N	Y
  Font unicode-range subsetting	N	Y
  image-set	N	Y
  font-kerning	N	Y

• 2.5. TBS2.0在other上新增能力

• Other	TBS 1.4	TBS 2.0
  HTML templates	N	Y
  MathML	N	Y
  Opus	N	Y
  Referrer Pollcy	N	Y
  Shadow DOM	N	Y
  Strict Transport Security	N	Y
  Upgrade Insecure Requests	N	Y
  WebM video format	N	Y
  WOFF 2.0 - Web Open Font Format	N	Y
  XHTML served as application/xhtml+xml	N	Y
  SPDY protocol	N	Y
  XHTML+SMIL animation	N	Y

• 三．内核指标数据：
• 3.1．H5支持度：
• Html5 Performance结果：tbs2.0（036212）优于 sys内核
• 测试机型：32位系统，魅蓝note，OS4.4.4

• Html5 Performance	sys内核	TBS内核（TBS2.0）
  html5test.com	416	475

• 3.2．webgl/canvas:
• Canvas跑帧测试结果：tbs2.0（036212）优于 sys内核
• webgl跑帧测试结果：tbs2.0（036212）优于sys内核
• 测试机型：魅蓝note（4.4.4 OS/Mali-760MP2）- FPS

• canvas	sys内核	TBS内核（TBS2.0）
  Scott Porter	22	59
  Mark	42	60
  Logo	4	52
  Run	14	60
  GUIMark3 Bitmap	54	60
  GUIMark3 Bitmap_cache	54	60
  GUIMark3 Vector	34	60
  GUIMark3 Compute	15	60
  Three.js_orthographic	1	31
  Three.js_geometry	1	47
  平均值	24.10	54.90

• webgl	sys内核	TBS内核（TBS2.0）
  Shader	35	59
  Materials	15	55
  Planet	12	60
  SpaceRocks	15	37
  100-objects	7	54
  1000-objects	1	18
  1000-objects-optimized	1	24
  平均值	12.29	43.86

• 3.3 JS性能
• 测试机型：32位系统，魅蓝note，4.4OS

• JS Performance	sys内核	TBS2.0内核	备注
  V8 Benchmark	3055.00	3903.33	越大越好
  SunSpider JS Benchmark	750.77	806.90	越小越好
  Octane JS Benchmark	3277.67	3752.00	越大越好
  Dromaeo JS Test	225.19	223.88	越大越好

• 3.4 CSS支持与性能
• 测试机型：32位系统，魅蓝note，4.4OS

• CSS3 支持度	sys内核	TBS2.0内核
  css3test.com	47%	49%

• CSS3动画 - FPS	sys内核	TBS2.0内核	备注
  Morphing Power Cubes	55	52
  Poster Circle	54	56
  Molecule Bucky Ball	31	59
  Molecule Lead Titanate	29	59
  Molecule Vitamin B7	32	44

• 四、视频能力
• TBS2.0内核视频能力，详细支持格式如下：

• 视频格式		TBS2.0内核
  流媒体	RTSP(RTP,SDP),RTMP	√
  	HLS-HTTP live streaming(m3u8)	√
  视频格式支持	mp4	√
  	flv	√
  	avi	√
  	3gp	√
  	3gpp	√
  	webm	√
  	ts	√
  	ogv	√
  	m3u8	√
  	asf	√
  	wmv	√
  	rmvb	√
  	rm	√
  	f4v	√
  	mkv	√
  	dat	√
  	mpg	√
  	mov	√