本期我们由此实验斟酌活动端web的性状和活动端浏览器性格,所以说Google的隆起

图片 5

IOS主要是12+为主流了,一些在低版本里的BUG基本都可以忽略了,拿数据说话,测试人员相信会被折服,哈哈!

上面数据表明浏览器的使用布局不断的在改进,站在前端攻城师的立场来说,也许我们大胆去的应用新的技术,比如SVG、H5、CSS3动画以及一些前端框架等等;站在产品角度来说,前端攻城师的技术使得我们的产品用户交互体验提升一个新的档次,这些都是我们想看到的结果。

苹果和三星还是占有很大的份额

图片 1

第一张图显示的是我们常用的移动设备分辨率;第二张图展示的是2017年手机分辨率占有比例,现在用户使用的手机分辨率相比以前有了一些提高,这不足为怪,因为现在的移动终端的屏幕越来越大,大部分用户更倾向于分辨率较高的移动设备。根据市场需求,个人建议移动分辨率最低设置为320,更多考虑的是苹果小屏手机。

我们来看下移动常用分辨率的数据图:

操作系统市场份额

图片 2

开发一款产品之前,市场考察分析是必经之“路”,无论是电脑PC、移动端,还是响应式的产品,只有你了解了这些数据分析,才能开发出满足市场需求的产品。

这里也想多说几句,大家都知道有时候我们开发移动端项目的时候,有时候会分ios和android版本。并且有些功能在系统不同版本呈现不同的效果,也就是我们所说的兼容问题了,所以我们需要了解下ios
和 android各个系统版本的使用情况,如下图:

移动端

图片 3

总结

数据对比显示:网民对于谷歌Chrome的使用比例持续增高,IE9占有比例翻倍增长,即将持平IE8了,并且IE10也崛起了,终于找到了属于自己的一席之地;至于其他的浏览器,基本都是以IE和谷歌为内核。

总结

hybrid APP web页面平台及系统兼容矩阵

操作系统市场份额

操作系统市场份额

我们可以从上图看出,在IE中,随着微软放弃了XP系统的更新,现在IE8已经成为主流了。并且谷歌浏览器越来越多的人开始用了,所以说谷歌的崛起,代表这H5的崛起,先前也介绍过一篇文章“Flash该何去何从,真的要被HTML5取代了吗?”,推荐看看。

本文通过分析移动端web的两类形式:hybrid
app和纯网页,调研了了市场关于系统、设备、分辨率的流行度,结合移动设备分辨率的特性,得出web移动端的兼容测试矩阵(目前移动端以html5技术为主,兼容列表适用于H5开发的移动端web)。

分辨率使用情况

站在产品的角度来说,我们的产品,要根据用户使用设备分辨率来设计;对于前端程序员,开发响应式项目的时候,需要了解用户的需求,来迎合产品的需要。

随着电脑显示器的增大,我们预览网页的分辨率也增加了,可以说已进入大屏时代。不过对于我们在PC端最小分辨率设置,个人建议还是1024px*768,毕竟要多方面考虑。更深入的了解分辨率对于我们开发响应式的项目,有很大的帮助。

基于第三方的webview组件,特别要提的是微信使用的TBS组件(微信的市场占有率高,小编的项目组较多使用了H5嵌入微信公众号)版本差异。微信6.1安卓版本开始使用的TBS服务内核是QQ浏览器X5内核,基于Android
5.0 WebView Blink内核(Chrome
37)开发的。但并非所有的机型都能支持调起微信浏览器内核服务(检测办法:1.使用微信打开网页,下拉查看显示;2.
查看UA),部分仍然使用的是android系统原生的webview,因为需要关注主流机型的差异性。相比而言,Ios版本的微信就直接多了,直接调用系统的webview(即UIWebwiew或WKWebview),跟随系统版本的升级,webview版本也不同。

从上图来说,谷歌浏览器基本快到50%了,并且最近新的win10
Edge浏览器也启用chrome内核,这些对于Web前端开发的童鞋来说,是个好消息,不用老是去纠结低版本浏览器兼容H5的问题了

随着电脑显示器的增大,我们预览网页的分辨率也增加了,可以说已进入大屏时代。不过对于我们在PC端最小分辨率设置,很多其他公司产品是1280*960,但是个人建议还是1024px*768,毕竟要多方面考虑,让产品更能满足用户的需求。从技术方面来说,更深入的了解分辨率对于我们开发响应式的项目,有很大的帮助。

PC端浏览器市场份额

图片 4

我们主要分PC和mobile两部分,对浏览器市场份额、操作系统市场份额、分辨率使用情况的三个方面进行说明。

我们可以看下2016年下半年和2017上半年的对比图:

从数据上看,相比2015年自主输入网页地址查看相关网站还是居多,这里强调的是搜索引擎的比例越来越高了,所以说在SEO方面,是我们要非常关注的。

1.2 纯网页载体

随着XP系统的远去,IE浏览器的市场占有率逐渐降低,其他浏览器也都开始崛起。今天让我们来一起了解下,在2019年,网民使用的浏览器有什么变化。

2017过去大半年了,每隔一段时间,我们就要对于浏览器、分辨率和操作系统市场份额数据进行分析,只有这样才会了解用户的一些动态,根据的用户的需求,开发出更好的产品,更进一步的迎合互联网的发展。

2016过去大半年了,对于浏览器、分辨率和操作系统市场份额数据,您是否有了新的了解呢。一款产品的好坏,取决于很多因素,但是我想说的是,如果你不了解市场行情,比如大家都在用什么浏览器,多大电脑和手机分辨率,什么系统等等,估计你这款产品也许是失败的。关于这些市场数据,不管是产品、策划、设计师,还是前端和开发都是必须了解和掌握的。好吧,接下来一起看数据吧。

图片 5

PC端:浏览器市场份额

希望本次分享的内容能帮助到大家,您也可以加入我们的讨论群:295431592

这些数据都是根据市场调查出来的,每隔一段时间都会变化,所以我们要经常去关注,这样才能会让我们的产品不OUT,更好迎合市场的需求。

同PC端一样,移动端的兼容性测试也是以浏览器为主。那么移动端的浏览器如何选取呢?
首先,我们把移动端web分为两类:纯网页形式、Hybrid App
内的web(常见的微信公众号内的H5页面即可以看作是此类网页)。此分类的依据是根据移动端web的载体形式,从本质上来看,网页的载体都是浏览器。随着技术的发展,浏览器以不同的形式出现,在移动设备中常见的有OS系统的Webview组件、第三方封装的Webview
SDK、厂商的浏览器及第三方浏览器。下述表格体现了移动端web形式一般调用的载体形式(注:这仅表示常用形式,原生app内的也可以调用本机浏览器实现web展示,这里不做深入探讨)。

相关文章

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图