今年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

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

  1. [css] css中兼容ie浏览器的前缀是什么?

    [css] css中兼容ie浏览器的前缀是什么 -webkit- 谷歌 -moz- 火狐 -o- opera -ms- ie 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定 ...

  2. 微信内置浏览器无法下载app(Android/ios)软件 微信内下载链接打不开的解决方法

    很多朋友的APP推广链接需要在微信中进行的网页宣传.传播.下载等等,但是各位朋友一定发现了微信中是屏蔽掉了APP的下载链接的.但是微信最为一个最大的社交平台,为了自身的利益,屏蔽掉了所有APK的下载链 ...

  3. css 实现兼容各浏览器的渐变效果

    2019独角兽企业重金招聘Python工程师标准>>> background: -moz-linear-gradient(left, #212121, #121212); /* Fi ...

  4. php判断微信内核,JavaScript_如何判断微信内置浏览器(通过User Agent实现),在进行微信公众账号开发的时 - phpStudy...

    如何判断微信内置浏览器(通过User Agent实现) 在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢? 微信内置浏览器的 Use ...

  5. 利用window.navigator.userAgent判断当前是否微信内置浏览器

    <!DOCTYPE HTML> <html lang="en"> <head><meta charset="utf-8" ...

  6. c 中html上传文件大小,IOS微信内置浏览器对html标签input type=file上传的文件大小size错误?...

    完整代码: function _s(){ var f = document.getElementById("f").files; //上次修改时间 alert(f[0].lastM ...

  7. 判断当前页面是否在微信内置浏览器中打开

    转: 任何浏览器的判断都是获取user-agent参数进行判断的,判断当前页面是否在微信浏览器中打开同样也不例外. 1.首先需要获取微信内置浏览器的User Agent,经过对微信的浏览器的检测,它的 ...

  8. Cocos2d-js Android手机上微信内置浏览器黑屏解决方法

    1.在Cocos2d-js开发过程中 通常会遇到很多问题.本次解决在安卓手机上的微信内置浏览器黑屏问题. 2.微信的内置浏览器和其它专业的浏览器不同.微信内置浏览器用x5内核.在一些方面比其它专业的浏 ...

  9. 微信内置浏览器video标签自动全屏播放以及层级过高问题

    转载自:微信内置浏览器video标签自动全屏播放以及层级过高问题 - 程序员大本营 今天事用html5的<video>标签做微信内置浏览器视频播放页面时,需要在视频层级上显示类似弹幕的对话 ...

最新文章

  1. php mysql环境搭配_centos6.7下搭配apache php mysql环境
  2. JavaScript基础教程(三)
  3. datetime插入数据_SQL项目_(一)数据源准备
  4. prometheus之DCGM监控GPU
  5. macos mojave_使Ubuntu看起来像macOS Mojave的黑暗模式
  6. 面试题,如何改进一款产品
  7. 什么是大平层?大平层比别墅好吗?
  8. Java开发入门教程!java垃圾回收机制描述正确
  9. 图片 和 base64 互转
  10. 跨站点脚本编制-XSS 描述及解决方法
  11. PHP数组数据结构图,PHP数组与数据结构
  12. Linux安装Diamond软件,Diamond软件比对蛋白质数据库
  13. antv的产品笼统记录
  14. 小福利,杨格(Young)不等式验证之用python里面的matplotlib和numpy模块画图
  15. iOS创建自定义相册
  16. APP推广有哪些渠道
  17. 前置音频线接法图解(最全图解)
  18. 上海交大校长张杰院士:大学,重新定义你的人生
  19. 【Java】Java实现贪吃蛇小游戏(带详细注释)
  20. hdu HDU Today2112

热门文章

  1. 西华师范大学计算机学院刘博,我院学子在西华师范大学第五届 “互联网+”大学生创新创业大赛中喜获佳绩...
  2. 微信小程序输入框上移问题
  3. 年终小结 为自己写 给领导看
  4. java urlencode 解码_UrlEncode编码/UrlDecode解码使用方法
  5. angular+ng-zorror主题换肤
  6. Unity接入微信支付SDK
  7. 用于实现听觉电子皮肤的高保真贴肤声学传感器
  8. 众里寻他千百度,蓦然回首,python代码在收藏夹深处
  9. 特征提取算法:HOG,HAAR,LBP
  10. HTML+CSS+JS仿京东购物车页面动态效果