【原】移动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系统的手机,设备也不算低端,兼容性良好,可做适配

 

作者:白树

出处:http://peunzhang.cnblogs.com/

时间: 2024-08-30 06:39:07

【原】移动web页面兼容处理的思考的相关文章

如何在Web页面上直接打开、编辑、创建Office文档

web|创建|页面 有朋友询问如何在Web页面上做到像SharePoint中的效果一样,能直接激活客户端的Word来打开.doc文件,而不是类似直接点击.doc文档链接时Word在IE中被打开那样.想想这个问题应该很多人都会感兴趣,所以干脆写一篇blog来大致描述一下方法. 在安装Office2003以后,有一个ActiveX控件被安装到了系统中,这个控件位于"Program Files\Microsoft Office\OFFICE11\owssupp.dll".通过这个控件,客户端

了解WEB页面工具语言XML(六)展望

web|xml|页面  六.XML展望 任何一项新技术的产生都是有其需求背景的,XML的诞生是在HTML遇到不可克服的困难之后.近年来HTML在许多复杂的Web应用中遇到了问题,要彻底解决这些问题,必须用功能强大的XML来替代HTML作为Web页面的书写工具.XML有利于信息的表达和结构化组织,从而使数据搜索更有效:XML可以使用URL别名使 Web的维护更方便,也使Web的应用更稳定:XML可以使用数字签名使Web的应用更广阔拓展到安全保密领域.可以认为未来的Web书写工具必定是XML.而XM

用Session对Web页面进行保护

session|web|页面 在很多时候,我们都要对某些Web 页面进行安全保护.典型的例子就是前台浏览页面与后台管理页面的安全性.这也是 WEB 上用得最多的一种页面安全模式.在用PHP4 开发一个小型的书籍管理系统中,我也遇到了这个安全问题.于是我想到了PHP4 的新特性----Session .. 要求目的:同一站点,无权用户,一般授权用户和超级用户能看到和使用不同的页面. 实现办法:在要保护的页面 include 不同级别的安全检验摸板. 注意事项: 1 > 要避免用户浏览器不使用 co

PHP中利用Session对Web页面进行保护

在很多时候,我们都要对某些Web 页面进行安全保护.典型的例子就是前台浏览页面与后台管理页面的安全性.这也是 WEB 上用得最多的一种页面安全模式.在用PHP4 开发一个小型的书籍管理系统中,我也遇到了这个安全问题.于是我想到了PHP4 的新特性----Session .. 要求目的:同一站点,无权用户,一般授权用户和超级用户能看到和使用不同的页面. 实现办法:在要保护的页面 include 不同级别的安全检验摸板. 注意事项: 1 > 要避免用户浏览器不使用 cookie 而不能浏览受保护的页

关于web应用程序安全的思考(二)

我想在我提出使用URL进行安全管控作为我的web应用程序安全的基础,一定有很多网友的不解,所以 就先解释一下这个问题吧. 使用URL进行权限管控的意思是: 1.在上篇中我说过,web应用程序的本质其实就是Request.所以要让您的web应用程序安全,最直接最 有效的手段就是让每一次Request都置于你的管控范围之内.这就好比您的web应用程式是一个大型游乐场 ,而您的安全模组就是这个游乐场的入口检票处.这样凡是要进行您的游乐场的人员,必须都已经通过了 您的资格认定了,在web应用程序中它们是

如何构建HTML 5 Web页面

HTML 5是时下Web开发领域炒得火热的一个术语,是的,很多人都看好它,也有很多业内知名公司开始正式使用HTML 5重新构建自己的网站,如YouTube开始使用HTML 5视频,Google已经弃用自家的Gears,开始全面拥抱HTML 5实现离线解决方案,各大浏览器厂家也纷纷开始支持HTML 5,连被人诟病的微软也声称要在IE 9中增加对HTML 5的支持.本文打算为大家详细介绍一下如何构建一个完整的HTML 5 Web页面,以加深对HTML 5的理解. HTML 5有何不同? 首先我们要明

设计好脾气的Web页面

感觉已经连续下了九百多天的雨了,身上也仿佛即将生出苔藓与蘑菇.Down your sister's rain--淡定着,说正事儿.本篇译文其实在春节之前就有所着手,不过期间连续看到了几篇更想做的,于是相当没有节操的见异思迁了.今次恰逢母难日,抓紧时间补回来.走起. 随着技术的进步,Web设计的理念与技法也在不断发展.设备种类越来越多,带给我们的挑战也越来越大.怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性,这是我们在工作当中必须考虑的问题. 面对这样的挑战,我们一方面会觉

400% 的飞跃-web 页面加载速度优化实战

前言 一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图 首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. 正常来讲一个网页 4s 加载不完就会流失很大一部分用户,而博主的网站加载时间竟然达到了 8s 还是在电脑端,如果在移动端,加载时间会更久,体验会更差. 这样的话网站做得再难看批判者进不来不是白搭嘛,于是针对 web 页面加载速度的优化迫在眉睫. 基于博主以前优化过其他网站,于是博主准备把这次的优化过程记

网站设计心理学与音乐研究:设计好脾气的Web页面

中介交易 SEO诊断 淘宝客 云主机 技术大厅 感觉已经连续下了九百多天的雨了,身上也仿佛即将生出苔藓与蘑菇.Down your sister's rain...淡定着,说正事儿.本篇译文其实在春节之前就有所着手,不过期间连续看到了几篇更想做的,于是相当没有节操的见异思迁了.今次恰逢母难日,抓紧时间补回来.走起. 随着技术的进步,Web设计的理念与技法也在不断发展.设备种类越来越多,带给我们的挑战也越来越大.怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性,这是我们在工作当