小编phi*_*ith的帖子

我正在研究开发"经典"风格移动网站的最佳实践,即移动网站作为移动HTML页面与小型JavaScript应用程序(jQuery Mobile,Sencha等)交付和体验.

有两种流行的方法:

1. 向所有移动设备提供相同的页面结构(HTML),然后使用CSS媒体查询或JavaScript来改善更多功能设备的体验.
2. 为具有增强功能的设备提供完全不同的页面结构(可能还有内容).

我对第二种方法的最佳实践特别感兴趣.两个很好的例子是:

1. 麻省理工学院的移动网站:与iOS和Android设备相比,黑莓和功能(更少)手机不同,但可以使用相同的网址 - http://m.mit.edu/

2. CNN的移动网站:同上 - http://m.cnn.com/

我想听听SO的人们实际上是在做过类似的事情,并且可以解释提供这种类型的设备相关结构/内容/体验的最佳实践.

我并不需要在移动用户代理检测的引物,或WURFL,或任何的覆盖在其它(大)SO像线程的概念这一个.我使用过jQuery Mobile和Sencha Touch,我熟悉大多数提供最终移动体验的方法,所以没有指点要么感谢.

我真正想要了解的是:如何在服务器端检测和基于用户代理组的交付方面提供这些特定类型的体验 - 其中有一个剥离页面结构(不同的HTML)传递给一组设备,以及传递给较新设备的另一种更丰富的HTML文档,但它们都在相同的子域/ URL中.

希望一切都有道理.提前谢谢了.