【原】移动web页面兼容处理的思考
本月收到一份关爱里程碑的邮件,入职满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)的处理,需要消耗不少的时间和精力,而且不一定能解决问题,反而会增加工作成本。

上图是在公司遇到过一个场景,苹果的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月份的移动设备品牌占比如下:

从上图可以看出移动市场几乎被ios和android系统所覆盖,其中苹果手机占了21.29%,其余的几乎是android系统的。
图2
来自苹果官网的数据,各版本iOS的最新市场占有率:

截止至2014年7月13,ios 7已经占据了所有ios设备的87%, ios 6的占有率只有11%,而更早版本的ios只占总数的2%,ios 6及以下版本正在消失。
图3
来自腾讯云分析2014移动行业第一季度的数据报告,数据不一定精准,但8亿多设备的数据是非常有参考价值:

可以看出国内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页面兼容处理的思考的更多相关文章
- [转]移动端web页面使用字体的思考
		
一直不知道手机端用的什么字体,只是觉得类似雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题. 前人已栽树,后人我就直接转来吧…… 回想2年前刚开始接触手机项目,接到PSD稿 ...
 - 【原】移动web页面使用字体的思考
		
回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的 ...
 - 【转】移动web页面使用字体的思考
		
回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的 ...
 - 【原】web页面登陆验证
		
using Itcast.Mall.Model; using System; using System.Collections.Generic; using System.Linq; using Sy ...
 - 关于ios原声嵌入web页面的问题
		
当在一个界面中既有原生又有web的时候,如果想让上下整体滑动的话,我们怎么确定web的高度呢,下面分享一下我的心得 首先在webView的代理方法中我们可以获取到加载完整个web页面的高度 - (vo ...
 - [原]iOS中 Web 页面与 Native Code 的一种通信方式
		
在 iOS 开发中,Web 页面与 Native Code 通信可以分为两个方面: 1.Native Code 调用 Web 页面的方法:主要是调用页面中的 Javascript 函数. 2.Web ...
 - [技术博客] 软工-Ruby on Rails前端工具链的配置以及对Web应用结构设计的一点思考
		
一.相关工具链简介 HAML HAML是专门面向Ruby on Rails模版语法设计的一门标记语言,其结合RoR的views部分模版语法的特点,对原来的*.html.erb(嵌入Ruby代码的HTM ...
 - go-fastdfs和配套使用的web页面
		
go-fastdfs go-fastdfs是一个基于http协议的分布式文件系统,它基于大道至简的设计理念,一切从简设计,使得它的运维及扩展变得更加简单,它具有高性能.高可靠.无中心.免维护等优点. ...
 - C#进行Visio二次开发之文件导出及另存Web页面
		
在我前面很多关于Visio的开发过程中,介绍了各种Visio的C#开发应用场景,包括对Visio的文档.模具文档.形状.属性数据.各种事件等相关的基础处理,以及Visio本身的整体项目应用,虽然时间过 ...
 
随机推荐
- 怎样使用My97日期控件
			
有网友说无法使用My97日期控件,Insus.NET测试一下,是可以正常使用了. 在ASP.NET MVC环境中测试. 去官网下载My97日期控件程序包: 下载解压之后,把程序的目录拷贝至projec ...
 - C#学习记录
			
转眼几个月没更博了,把几个月前学C#的笔记发一下,就记录了点教重要的点子而已 1.打印 Console.WriteLine(); 打印 Console.ReadKey(); 按一个按键继续执行 Con ...
 - .net线程池内幕
			
本文通过对.NET4.5的ThreadPool源码的分析讲解揭示.NET线程池的内幕,并总结ThreadPool设计的好与不足. 线程池的作用线程池,顾名思义,线程对象池.Task和TPL都有用到线程 ...
 - FactoryMethodPattern(工厂方法)
			
/** * 工厂方法模式 * 分为四部分 * 1.产品接口 * 2.产品实例 * 3.工厂接口 * 4.工厂实例 * 工厂类最好用单例模式,但在这里主要是说明工厂方法,就不用单例了 * @author ...
 - 时钟周期,CPU周期,指令周期,CPU时间片
			
从小到大来说:时钟周期,CPU周期,指令周期,CPU时间片 时钟周期:一个脉冲需要的时间,频率的倒数 CPU周期:读取一个指令节所需的时间 指令周期:读取并执行完一个指令所需的时间 CPU时间片:CP ...
 - UEditor编辑器的使用
			
1.首先我们要去官网下载UEditor编辑器,选择语言,这里我用的是php utf-8版本(李昌辉) 2.下载完成之后解压文件,将解压的文件放到我们的网站目录里面 3.ueditor/utf8-php ...
 - jQuery实现右上角点击后滑下来的竖向菜单
			
效果体验请点击这里:http://keleyi.com/a/bjad/27095rgj.htm 这个菜单我觉得可以做成在线客服之类的,点击下滑后,带关闭按钮,因此在不想显示的时候可以关掉它. 以下是源 ...
 - jQuery拖拽改变元素大小
			
一个非常简单的例子,体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/29.htm 以下是完整代码,保存到HTML文件打开也可以体验效果. <!DOCTY ...
 - jquery动态改变div宽度和高度
			
效果体验:http://keleyi.com/keleyi/phtml/jquery/23.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...
 - mvc view 中 js 不反应
			
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...