如果移动设备不支持 jquery 移动版本，则显示错误消息答案

【问题标题】：Display error message if the mobile device doesn't support jquery mobile version如果移动设备不支持 jquery 移动版本，则显示错误消息
【发布时间】：2012-04-24 16:25:48
【问题描述】：

我正在使用 jquerymobile 开发 HTML5、CSS3 网站。我想显示一条错误消息，例如“您的移动浏览器不支持此应用程序”，例如消息 如果移动设备不能很好地呈现页面 或 如果它不能应用 jquery mobile样式。我还没有找到关于这方面的好文章。因此，我们非常感谢您的帮助。

作为示例，该应用程序在 iphone 上运行良好，但在黑莓粗体设备上运行良好。所以我想为黑莓粗体设备用户显示这样的消息。我看到黑莓粗体设备不会将 jquery 样式应用于控制器。

谢谢

【问题讨论】：

标签： jquery html css jquery-mobile

【解决方案1】：

您可以通过两种方式进行操作。

1) 我的首选方法是使用 HTML DIV 显示您的浏览器无法使用 jQuery 的消息，然后使用 jQuery 在页面加载时将其隐藏。因此，如果 jQuery 工作，用户将看不到它。

2）另一个是检查jQuery是否正确加载并且是一个函数。我用它来查看页面是否有 jQuery。但它可能对你有用。

if (typeof jQuery != 'undefined' || typeof $ != 'function') {alert("This application will not work in your browser etc.");}

希望对你有所帮助。

【讨论】：

【解决方案2】：

JQM 有一个返回布尔值的 $.mobile.gradeA() 函数。这是 JQM 1.1.0 的列表，其中浏览器具有“A 级”支持并返回 true。 http://jquerymobile.com/blog/2012/04/13/announcing-jquery-mobile-1-1-0/#platforms

if(!$.mobile.gradeA()){
    alert('Your mobile browser does not support this application.');
}

更新请注意，较新的黑莓粗体设备应返回 true 以获得 A 级支持。任何黑莓7+都可以。另请注意，设备可以很好地运行 jQuery，但仍然不能适当地设置样式。大多数情况下缺少的是对 css3 的支持。

【讨论】：