【问题标题】:Mobile Website Development - Is there a difference between Operating System/Browsers?移动网站开发 - 操作系统/浏览器之间有区别吗?
【发布时间】:2014-02-22 12:47:58
【问题描述】:
我正在开发一个移动网站 (m.website.com),我想知道是否需要区分不同的操作系统或移动浏览器?
例如,我正在使用来自https://github.com/serbanghita/Mobile-Detect 的移动检测 PHP 类,并且有 isIOS() 和 isAndroid() 或 isChrome() 和 isSafari() 之类的函数以及通用的 isMobile()。
所以问题是我是否必须拥有不同的网页集才能适应不同的操作系统/浏览器?或者我所要做的就是拥有一个属于所有移动操作系统/浏览器都能理解的 isMobile() 函数的集合?
【问题讨论】:
标签:
php
mobile
web
mobile-website
【解决方案1】:
通常使用isMobile 并为所有移动设备创建一个模板就足够了。
如果您想创建不同的用户体验或使用依赖于操作系统的 javascript 函数/库,则只需要 isIOS 等。一个例子是创建一个移动应用程序,它看起来像一个原生应用程序,可用于 iOS/Android/etc..
【解决方案2】:
您不需要不同的页面来定位不同的操作系统/浏览器本身......但这只是答案的一半。因为操作系统/浏览器有自己的怪癖,所以您必须以与“大多数”浏览器/操作系统兼容的方式对页面进行编码。一种称为跨浏览器兼容编码的练习。如果您不进行此类编码,例如通过选择某个特定操作系统/浏览器的一些特定功能/错误/非标准实现,您的页面可能会在其他一些浏览器中中断。
大多数“现代”浏览器都兼容 HTML 标准。跨浏览器兼容指南主要是关于坚持 HTML 标准;也就是说,如果您不是针对 IE6 之类的东西。
Web 上有很多关于跨浏览器开发指南的文章。例如见http://www.htmlbasictutor.ca/cross-browser-compatible.htm