html邮件css 微信兼容,微信浏览器是移动终端的IE6吗？微信升级内核后的HTML5和CSS3兼容性摘要...

今年4月，自微信浏览器X5升级了Blink内核以来，前端社区出现了高潮，好像他们看到前端er一样，眼里含着泪，头疼，他们说: 最终您将无法再与此“移动终端上的IE6”兼容，可以早点回家！ ！ ！

是真的吗？就在最近，我正在开发微信迷你游戏. 项目结束后，我做了一个小总结并分享了以下内容. 时间是宝贵的，所以我先得出结论.

结论

总的来说，自从微信在4月份升级X5 Blink内核以来，兼容性大大提高了.

Android版微信浏览器已完全升级到TBS2.0(基于Android 5.0 WebView Blink内核Chrome 37). Android系统的所有版本都使用相同的内核. 开发只需要考虑屏幕适应性问题，HTML5和CSS3都具有良好的支持(基于Chrome 37，您可以检查caniuse以获得详细信息). 尽管IOS尚未升级到同一内核版本，但IC版本的WeChat一直是WKWebView的核心，而WKWebView的版本取决于IOS的版本. 对于高于IOS 8.0的系统，Html5和css3的支持率也很高(低于IOS8的系统所占的比例，可以忽略). 支持基本的H5和CSS3功能. 测试中有详细数据. 有关兼容性的详细信息，请检查html5和css3测试，或直接使用真实计算机在下面提供的测试地址处进行测试.

从我最近的游戏和微信页面调试以及以下测试来看，它基本上符合媒体的期望，并且Html5和Css3是兼容的. 我希望以后的X5眨眼可以保持一定的节奏，不会有太多的凹坑.

真实机器测试html5测试

测试地址:

测试结果:

荣耀7: 475点Android 6.0测试报告:

vivo xplay: 475点Android 4.2测试报告:

iphone4: 401点iOS 9.3.1测试报告:

iphone6 plus: 387点IOS 8.4测试报告:

css3测试

该网站不支持输出报告: (，仅剪切一张图片.

(说明，chrome 49测试支持: 52％. 相对而言，以下浏览器测试对CSS3的支持相对较高)

测试地址:

荣誉7 Android 6.0: 49％

vivo xplay Android 4.2: 49％iphone4 iOS 9.3.1: 56％iphone6加上IOS 8.4: 51％

注: 从Layabox引擎的游戏运行统计数据来看，低于IOS 8.0的游戏用户终端所占比例仅为3％左右. 几乎可以忽略不计.

仅供参考:

基于BLINK的新X5内核已在移动QQ浏览器上启动. 最近，它已在微信，移动QQ和空间上显示为灰色. 它应该在4月全面发布.

很抱歉给您的开发带来不便.

以下是嵌入到太空中的微信，移动QQ和X5的背景介绍: 最初，在微信中发现了WebView系统中的一些安全漏洞，这对微信业务产生了严重影响，但这些漏洞无法被在APP端解决了问题，因此要求微信用嵌入式X5内核替换系统WebView. 后来，手机QQ和Space也提出了对嵌入式X5的需求. 因此，出于APP安全性考虑，不可能将X5用于前端控制. 否则，恶意网站将跳过X5，并使用系统WebView中的安全漏洞来获取用户的银行帐户和其他信息.

嵌入式X5最初是为了解决APP问题，主要是为了满足APP终端开发的需求. 前端学生没有参加. 上线后，它给前端学生带来了一些挑战，主要是因为以前的X5内核基于Android 4.2 WebView进行了定制和优化. 许多H5和CSS3属性支持均基于Android 4.2系统. 尽管我们将来会在此基础上进行增强，但是它仍然比Chrome的Blink内核差很多. 从Android 4.4开始，系统WebView已切换到Blink内核，因此X5内核对CSS3 / H5的某些支持要弱于新Android机型上的系统WebView.

为了解决此问题，去年X5内核团队投入了全部人力将X5内核升级到Blink. 新的X5内核基于Android 5.0系统的Blink内核. 它于2015年11月在QQ浏览器6.2版中启动. 经过两次版本迭代，现在基本稳定. 最近，它已开始在微信，移动QQ和太空上进行灰度处理. ，预计将于4月份全面上线. 启动新内核后，它将使Chrome闪烁内核的前端性能功能与手机的新Android版本保持一致. 同时，它还将在较低版本的Android手机上提供相同的性能. 我相信它将为前端学生带来更多的想象力.

Layabox对微信全面升级X5 Blink核心iOS 8 HTML5性能测试的解释报告: 苹果对HTML5有多热爱？相关信息

官方网站:

内核信息:

内核基准已从WebKit升级到Blink版本，具有更高的性能和更完整的H5 / CSS3支持. 内核版本号升级到362xx版本. 您可以根据UserAgent判断当前环境是否已升级到TBS2.0版本，包括(TBS / 03xxxx)字段更完整的H5支持，HTML5运行得分475 CSS3属性支持增强，对flex的完全支持，更完整的过滤器支持，对Spdy 3.1性能的支持改进了具有更好检查器支持的伪元素

犬测试:

调试方法:

本文来自电脑杂谈，转载请注明本文网址：

http://www.pc-fly.com/a/shumachanpin/article-300621-1.html