问我怎样才能瞄准jQuery手机？

EN

渐进增强是您应该追求的目标，jQuery允许您有一个代码库，并让它在设备范围内工作。

考虑到这一点：

• 所有指向其他页面的链接都是常规的html链接，如果没有AJAX支持，链接仍然可以工作，因为它们只会将您发送到所需页面的位置。
• 所有主要的框架元素都是围绕列表、链接和一些div构建的。呈现内容不需要HTML5
• 在最低限度内，所有手机都可以显示良好的样式，让您可以显示内容，无论多么有能力。

如果没有对jQuery手机的完全支持，您的自定义接口就根本无法工作吗？

我同意，优雅的退化是最好的解决办法。我要补充的是，使用noscript标记也是一个很好的方法，可以通过HTML为不支持JS的手机添加功能，从而提供优雅的降级。

我认为很难找到一个浏览器功能(甚至一套)来定义手机是否与JQM兼容。根据我自己的经验，我使用了WURFL，一个开源的设备检测库，它提供功能信息。但是，我使用它来针对特定的设备，包括特定于设备的CSS，并删除我知道不支持它的其他设备的所有JS (删除正在下载的JS的开销)。

WURFL：http://wurfl.sourceforge.net/

JQM广告说它提供了优雅的降级：

优雅的退化: jQuery移动使用非常好的HTML5和CSS3特性，在功能最强大的浏览器中提供最好的体验。然而，我们并不认为这是一个无所不包的命题:能力较弱的浏览器仍将获得其平台所能处理的最佳体验。它们可能没有最好的平台的所有渐变或花哨的转换，但它们仍然具有很高的可用性。最基本的浏览器将很容易退化回简化的HTML和CSS。

我还在一个移动页面中测试了多个JQM页面，这些页面在JQM中工作得很好(非常快)，但是遇到了同样的问题(所有页面都会在智能手机的浏览器中关闭javascript时显示出来)。要解决这个问题，每个JQM页面只使用一个页面(您放弃了速度和统一的页面转换)。关于NOSCRIPT标记选项，该标记并不是所有浏览器都公认的。要解决这个问题，您可以尝试以下几种方法：

<div id="no-js">
<!-- Place HTML without javascript here -->
</div>
<div id="js">
<script language="javascript">
// place javascript here which would be ignored by browsers not support javascript or with
// javascript turned off
document.getElementById("no-js").style.display = "none"; // be sure to hide the non javascript
// div
</script>
</div>

上述逻辑将在NOSCRIPT标记类型浏览器和不识别NOSCRIPT的浏览器中工作。

达劳什