【原】移动web页面兼容处理的思考

摘要:
综上所述,建议在移动web开发中兼容ios 5+和android 2.3+系统。Android 2.3机器相对低端,很少有用户需要特别兼容ios 4和Android 2.2系统。不建议进行兼容性处理。让这些用户升级他们的系统以跟上时代的步伐,而不是沉迷于他们的特殊兼容性处理。例如,像winphone系统这样的手机不是低端的,具有良好的兼容性,并且可以进行调整

本月收到一份关爱里程碑的邮件,入职满3周年了,从一个懵懂的新人到从容淡定的小油条,在外辛苦打工不容易,能收到一封简单的关怀邮件也是有感欣慰,这里祝愿公司越发展越好。

进入主题,移动网页设计中,很多同学常问一个问题:这么多种移动设备,要兼容哪几类呢?

相信很多人会回答主流的系统ios、android,但是这2个系统又有多个版本,如ios就有4、5、6、7,android有2.2、2.3、3.0、4.1、4.2,包括我之前提到winphone 8,大家也在考虑到底该不该兼容,这是一件非常头疼的事情,主要在对一些特殊机器(ios 4、android 2.2-2.3)的处理,需要消耗不少的时间和精力,而且不一定能解决问题,反而会增加工作成本。

【原】移动web页面兼容处理的思考第1张

上图是在公司遇到过一个场景,苹果的ios 4于2010年6月份上市,ios 5于2011年10月推出,而目前国内ios系统最新版本是7.1.2,在2年前我还是会做好ios 4的兼容,可4年过去了,虽然手机系统更新特别快,而仍然存在顽固的ios 4用户呢,想想可能的原因是这部分用户的机器越狱了,不想升级系统。

往往我们会下意识得感知到目前ios 4、android 2.2、winphone的用户极少,就因为周围几乎没有人使用,单凭这样的理由说服产品经理或者老板放弃对该版本的兼容,不具备说服力,反而会遭到挑战,要不要放弃这部分用户,我们可以通过真实的数据,证明自己的观点,让产品经理或者老板知道产品的用户群,而不是说:我觉得不用就可以。那么,最终我用数据说服了产品经理放弃对ios 4的想法。

图1

数据来自百度2014移动统计所覆盖的数万款app数据,其中4月份到6月份的移动设备品牌占比如下:

【原】移动web页面兼容处理的思考第2张

从上图可以看出移动市场几乎被ios和android系统所覆盖,其中苹果手机占了21.29%,其余的几乎是android系统的。

图2

来自苹果官网的数据,各版本iOS的最新市场占有率

【原】移动web页面兼容处理的思考第3张

截止至2014年7月13,ios 7已经占据了所有ios设备的87%, ios 6的占有率只有11%,而更早版本的ios只占总数的2%,ios 6及以下版本正在消失。

图3

来自腾讯云分析2014移动行业第一季度的数据报告,数据不一定精准,但8亿多设备的数据是非常有参考价值:

【原】移动web页面兼容处理的思考第4张

可以看出国内ios 7、android 2.3-4.1是主流系统,ios 4、android 2.2的所占比例几乎没有,android手机中2.3系统还有16%的用户。

另外,如果可以的话,建议大家在自己的产品中添加点击流,检测一段时间内产品用户群的系统和版本,这样能够最真实的找你们的用户群。

总结

  • 移动web开发中,推荐兼容ios 5+、android 2.3+系统,其中android 2.3的机器比较低端,需要做好特殊兼容
  • ios 4、android 2.2系统的用户数极少,不推荐做兼容处理,让这部分用户去升级系统,与时俱进,而不是放纵他们
  • 特殊的兼容处理,如像winphone系统的手机,设备也不算低端,兼容性良好,可做适配

免责声明:文章转载自《【原】移动web页面兼容处理的思考》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇前端实现动画的6种方式详解ES6+转ES5(webpack+babel、指定多个js文件、自动注入)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

离线安装Sharepoint工具

1、 首先安装操作系统,Windows Server 2008 R2,可以是企业版,也可以是数据中心版。然后再安装上SP1. 2、 在“服务管理”里面,添加角色,安装IIS。 注意:安装成功后,一定要确保没有错误,也就是右边的地方不能有红色的叉叉,如下图所示(红色方框里面的内容,要是绿色的,不能是红色的文字。): 3、 把离线所需要的工具下载好,放在...

4.2.SpringBoot的web开发2

一.静态资源访问 1.三种方式访问并处理静态资源: webjars方式:(一般不使用) 可访问webjars官网查找需要的资源 导入需要的资源配置放入pom.xml中 可以查看项目中的lib包资源是否被导入 在lib包中查看导入的资源下有一个WEB-INF/resources里面就是我们需要的静态资源 浏览器访问:localhost:8080/web...

Burp Suite Professional更换闪退日记

一直在用老版本的burp,很多年也没更换,最近计划更新整理一下使用的武器库,于是下了最新版的burp,激活还是BurpLoaderKeygen.jar来去注入burp 但是遇到的用官网下载的dmg文件,启动没多久就自己图片进程崩溃,一开始以为SIP导致的,关闭了SIP也不行。 但是核心方式实际上是启动: java -javaagent:BurpLoader...

Python Web 开发的十个框架【转载】

Python 是一门动态、面向对象语言。其最初就是作为一门面向对象语言设计的,并且在后期又加入了一些更高级的特性。除了语言本身的设计目的之外,Python标准 库也是值得大家称赞的,Python甚至还自带服务器。 其它方面,Python拥有足够多的免费数据函数库、免费的Web网页模板系统、还有与Web服务 器进行交互的库、这些都可以设计到你的Web应用程序...

npx create-react-app命令不成功,更改成淘宝镜像

1、查看npm的镜像源 npm config get registry // 默认是:https://registry.npmjs.org/ 2、修改成淘宝的镜像源 npm config set registry https://registry.npm.taobao.org 3、create-react-app创建项目 npx create-reac...

anyproxy-windows平台安装和抓手机app上https请求

前言 做接口测试肯定离不开抓包,目前比较流行的抓包工具是fiddler和charles,相信并不陌生。这里介绍一个阿里公司研发的一个抓包神器,只需打开web页面,就能抓到手机app上的http和https请求了。这样就有个好处,当一个公司测试团队有多个人的时候,只需搭建一个AnyProxy服务,其它小伙伴浏览器上打开AnyProxy页面,手机上设置个代理就...