为什么Jquery移动设备在桌面浏览器上显示移动友好外观?

时间:2012-07-12 13:42:10

标签: javascript jquery html css jquery-mobile

我正在尝试了解Jquery mobile。我只是引用演示并从桌面浏览器(Chrome)中查看它

这是演示链接:

http://jquerymobile.com/demos/1.1.1/docs/forms/switch/

我的问题是为什么选择看起来像是在Ipad中查看?我希望Jquery移动设备仅在从移动设备上查看时才能生效。我不希望这种风格显示在我的台式计算机上。在桌面计算机上select应该看起来很简单options,而在移动设备上,它应该看起来更像是演示(触发器)中显示的内容。

我可以用Jquery mobile实现吗?

1 个答案:

答案 0 :(得分:2)

您需要某种设备识别和路由引擎。它与jQuery mobile没有任何关系,而是与你使用的后端框架有关。当我使用MVC3和jQuery mobile时,我购买了51degrees.mobi数据库,然后根据用户代理识别的结果,我会向用户提供不同的视图。我希望这有帮助。

修改

我认为你可以在所有asp.net项目中使用51degrees.mobi数据库。基本上它会向Request.Browser添加更多数据,然后您可以将用户重定向到不同的URL或子域,如m.yoursite.com

if(Request.Browser["IsTablet"] == 'true' || Request.Browser["IsMobile"] == 'true')
{
    //redirect here
}