【原】移动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本身的整体项目应用,虽然时间过 ...
随机推荐
- JSON帮助类
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- .NET Core全新路线图(译)
标签: .NETCore 翻译 承接张善友大大的.NET Core全新路线图,翻译了原文,水平有限,尽量一观. 原文地址<.NET Core Roadmap>,原作者Scott Hunte ...
- javascript严格模式
设立"严格模式"的目的,主要有以下几个: 1. 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; 2. 消除代码运行的一些不安全之处,保证代码运行的安全: ...
- Myeclipse 的hadoop环境搭建
https://issues.apache.org/jira/secure/attachment/12460491/hadoop-eclipse-plugin-0.20.3-SNAPSHOT.jar ...
- DES加密中文乱码问题的解决
服务器向客户端返回时: response.setContentType("text/json; charset=utf-8"); 客户端解码时: return new String ...
- MySQL数据库中delimiter的作用概述
以下的文章主要是向大家描述的是MySQL数据库中delimiter的作用是什么?我们一般都认为这个命令和存储过程关系不大,到底是不是这样的呢?以下的文章将会给你相关的知识,望你会有所收获. 其实就是告 ...
- python征程3.0(python对象)
1.python使用对象模型来存储数据.构造任何类型的值都是一个对象.”尽管python被当成一种面向对象的脚本的编程语言“,但你完全能够写出不使用任何类和实例的脚本. python对象都拥有三个特性 ...
- Linux(Centos)之安装tomcat并且部署Java Web项目
1.准备工作 a.下载tomcat linux的包,地址:http://tomcat.apache.org/download-80.cgi,我们下载的版本是8.0,下载方式如图: b ...
- SharePoint 2007 Full Text Searching PowerShell and CS file content with SharePoint Search
1. Ensure your site or shared folder in one Content Source. 2. Add file types. 3. The second step in ...
- AngularJS在IE8的支持
AngularJS一般不会选择IE8支持, 因为很多特性在IE8下效果很差, 性能也不好, 但是由于项目的需要, 客户的机器有些是XP, 只能够装IE8, 所以为了解决这个, 我查阅了相关的资料,发现 ...