【发布时间】：2012-12-10 15:50:06
【问题描述】：
我正在尝试根据浏览器的版本和屏幕上的空间来更改网页的显示。我需要完全改变页面的外观如下：
- 如果网站显示在手机上，我想要迷你版。
- 如果网站在桌面浏览器上显示，但窗口太小，我想要迷你版。
- 如果网站显示在桌面浏览器上并且窗口可以容纳完整版，我希望显示完整版。
- 如果没有可用的 javascript，则应显示完整版本。
我刚开始使用一些非常基本的代码，它依赖于 userAgent：
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) )
有没有一种干净的方法来实现我想要用 JQuery 做的事情？
【问题讨论】：
-
相关：best-way-to-detect-handheld-device-in-jquery。顺便问一下，如果客户端不支持 Javascript，您真的希望显示完整的网站吗？
-
@asgs 在这里我找到了当前查询移动浏览器的方法。但我对硬编码版本不满意。
标签： javascript jquery css mobile-website