Javascript 为什么Jquery mobile在桌面浏览器上显示手机友好的外观？

我正在努力理解jquerymobile。我只是参考演示并从我的桌面浏览器（Chrome）查看它

这是演示链接：

我的问题是，为什么select看起来像是在Ipad上观看的？我希望Jquery mobile仅在从移动设备查看时生效。我不想在我的桌面电脑上显示这种样式。在台式计算机上，一个

select

应该看起来很简单，带有

选项的select

，在移动设备上，它应该看起来更像演示中显示的内容（触发器）

---

我能用Jquery mobile实现这一点吗？

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

编辑

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

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

---

你真的试过用它吗？它们最有可能应用样式，无论发生什么，以便您可以看到控件外观的示例。否则，您看到示例的唯一方法是在设备上访问jquery mobile站点。一个用于桌面，一个用于移动？请不要问我问题。在这一点上我完全不知道。哈哈。。创建移动友好的网站是一个痛苦，尤其是考虑到我是一个开发者而不是设计者jQuery Mobile就是jQuery Mobile。它是为移动设备设计的，所以看起来就像是为移动设备设计的。如果你想要一个非移动版本，那么你需要在移动版本的同时创建一个。@Dave:那么基本上你的建议是，创建一个常规css和一个移动css，并从我的代码隐藏（asp.net）动态注入脚本。这样我才能得到合适的视角？我认为data role属性不应该对桌面版本造成问题，因为它将被浏览器忽略。谢谢，但我使用的是Asp.Net 4.0 vanilla，我不知道如何构建一个在桌面上看起来应该是什么样子的网站，并将其外观更改为Jquery mobile上显示的演示。我想在检测到用户代理之后，我可能需要动态注入javascripts和CSS。听起来怎么样？天哪，你建议重定向网站？这根本不可行，会增加太多的开发成本。我们不能使用动态css注入吗？你没有重定向，而是写了为什么不在那里注入一个手机好友网站？使用Response.Write？这是可能的还是你看到了它的缺点？我没有任何动态注入的经验，但jQuery mobile相当复杂，它不仅是CSS，还包括JavaScript，其中包括Ajax页面加载。我可以想象当你这样做的时候，你会有很多清理工作。我对Asp.net表单也没有太多的经验，我不确定您是否可以根据请求检查的结果提供不同的表单。