【原】移动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本身的整体项目应用,虽然时间过 ...
随机推荐
- .NET基础架构方法—DataTableToExcel通用方法
p { display: block; margin: 3px 0 0 0; } --> .NET架构基础方法—DataTableToExcel通用方法(NPOI) 今天封装DataTaleTo ...
- jquery.uploadify上传文件配置详解(asp.net mvc)
页面源码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...
- WCF的Restful和TCP方式调用性能比较
1. 实验背景关于WCF提供分布式访问服务,最常用的两种方式Restful方式和Tcp方式,在本地测试了一把.结果显示,还是Rest方式,在压力测试下,性能最佳.而且处于跨平台的考虑,和自动化测试方便 ...
- SQLServer并发问题,先SELECT后UPDATE,避免并发脏读情况解决
在SQL Server中,需要对数据操作进行先SELECT 之后UPDATE,对于这样的操作,如果出现高并发,可能导致脏读情况的发生.不能保证数据的同步. 解决方案是在事物中对表进行加更新锁: 事务一 ...
- Javaweb——过滤器映射
什么是过滤器? 过滤器:从字面上看,可以理解为将具有杂质的水过滤,留下干净的水.那么从IT的角度上理解.过滤器:是处在源数据(数据库之类的)和目标数据(显示页面)的中间组件.对于Web应用来说,过滤器 ...
- jQuery Mapael – 呈现动态的矢量地图
jQuery Mapael 是基于 Raphael.js 的一个 jQuery 插件,可以显示动态矢量地图.例如,使用 Mapael 可以显示国家能够点击的世界地图.此外,你可以用圈,方形或者图片来标 ...
- css(一)
CSS CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离. 一 css的四种引入方式 1.行内式 ...
- 30行代码搞定WCF并发性能测试
[以下只是个人观点,欢迎交流] 30行代码搞定WCF并发性能 轻量级测试. 1. 调用并发测试接口 static void Main() { List< ...
- iOS之数组的排序(升序、降序及乱序)
#pragma mark -- 数组排序方法(升序) - (void)arraySortASC{ //数组排序 //定义一个数字数组 NSArray *array = @[@(3),@(4),@(2) ...
- SDWebImage原理及使用(转)
转自http://www.cnblogs.com/jys509/p/5199997.html SDWebImage托管在github上.https://github.com/rs/SDWebImage ...