为什么 Jquery 移动显示移动友好在桌面浏览器上看起来很友好

Why does Jquery mobile display mobile friendly look on desktop browser?

本文关键字:移动 看起来 浏览器 桌面 Jquery 为什么 显示      更新时间:2023-09-26

我正在尝试理解Jquery mobile。我只是参考演示并从我的桌面浏览器 (Chrome( 查看它

这是演示链接:

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

我的问题是为什么选择看起来像是在 Ipad 或其他东西中查看的?我希望Jquery手机只有在从移动设备查看时才起作用。我不希望在我的台式计算机上显示这种样式。在台式计算机上,select应该看起来很简单,选择带有options,而在移动设备上,它应该看起来更像演示中显示的内容(触发器(。

我可以通过Jquery mobile实现这一点吗?

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

编辑

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

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