我正在研究开发“经典”风格移动网站的最佳实践,即作为移动 HTML 页面与小型 JavaScript 应用程序(jQuery Mobile、Sencha 等)交付和体验的移动网站。
有两种流行的方法:
- 向所有移动设备提供相同的页面结构 (HTML),然后使用 CSS 媒体查询或 JavaScript 来改善功能更强大的设备的体验。
- 为具有增强功能的设备提供完全不同的页面结构(可能还有内容)。
我对第二种方法的最佳实践特别感兴趣。两个很好的例子是:
- MIT 的移动网站:Blackberries 和功能(更少)手机与 iOS 和 Android 设备不同,但在相同的 URL 上可用——http: //m.mit.edu/
- CNN手机站:同上——http: //m.cnn.com/
我想听听 SO 这里的人实际上已经在做这样的事情,并且可以解释提供这种类型的设备相关结构/内容/体验的最佳实践是什么。
我不需要关于移动用户代理检测或 WURFL 或其他(伟大的)SO 线程中涵盖的任何概念的入门知识。我使用过 jQuery Mobile 和 Sencha Touch,并且我熟悉提供最终移动体验的大多数方法,因此也不需要任何指针。
我真正想了解的是:这些特定类型的体验是如何在基于用户代理组的服务器端检测和交付方面交付的——其中有一个精简的页面结构(不同的 HTML)交付给一组设备,以及另一种更丰富的 HTML 文档类型,交付给较新的设备,但都位于相同的子域/URL。
希望一切都说得通。提前谢谢了。