【发布时间】:2010-09-22 09:27:30
【问题描述】:
我在网上搜索了网络应用程序在移动设备和 PC 浏览器上的兼容性,最后我决定。制作 2 个网站,一个用于移动浏览器,另一个用于 PC 浏览器。如何确定请求的是移动设备还是 PC,以及如何将网站重定向到手机或电脑。
如果有任何其他兼容方式。请告诉我并提出您的好建议
提前致谢
【问题讨论】:
我在网上搜索了网络应用程序在移动设备和 PC 浏览器上的兼容性,最后我决定。制作 2 个网站,一个用于移动浏览器,另一个用于 PC 浏览器。如何确定请求的是移动设备还是 PC,以及如何将网站重定向到手机或电脑。
如果有任何其他兼容方式。请告诉我并提出您的好建议
提前致谢
【问题讨论】:
嗯,实际上你可以用不同的方式来做到这一点。最好的解决方案是一些首先检查 UserAgent 的脚本。我知道,它不是那么节省,因为它很容易改变代理,但为什么有人要这样做,它有什么好处;) 所以这应该是你的解决方案。您还可以针对特定的目标设备/浏览器优化网站。例如,对于 iPhone、Android 或 WinMob 等设备,您应该使用 Javascript 框架来处理网站内容。
我在另一个问题上发了一个小帖子,也可以帮助你:Is there an equivilent of jQTouch that covers iPhone, Android, WebOS and Blackberry OS?
【讨论】:
这并不像人们想象的那么简单。
首先,确定是否从移动设备访问网络应用并不容易。什么是移动设备? iPad是移动设备吗?所有分辨率小于 1024*768 的设备都应该作为“移动设备”处理吗?
其次,设计一个 Web 应用程序以使其兼容所有不同的设备(这些设备又可以安装许多不同的浏览器)并不是小菜一碟。
但幸运的是,也有一些解决方案。
有 WURFL - http://wurfl.sourceforge.net/ - 哪个 是一种开源替代方案。
设备图集 - http://deviceatlas.com/ - 一个 商业替代品。
Mobizoft C4M - http://mobizoft.com/ - 另一种商业选择 API 和一些 预打包的解决方案。
Wordpress 移动包 - http://wordpress.org/extend/plugins/wordpress-mobile-pack/
其中任何一个都可用于将移动设备切换到特殊的移动适配网站。它们还可用于构建/调整适合移动设备的网站,具体取决于您的需要。
当您构建了一个适合移动设备的网站时,您应该首先测试具有不同分辨率/操作系统/浏览器的设备。另一个有用的站点是http://mobiready.com,您可以在其中验证该站点。
最后一个提示是考虑支持哪些设备。只有 iPhone/Android?也许有这些设备的完整版本和所有其他设备的更简单版本。看你的要求了。
祝你好运!
【讨论】: