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

Question

我正在使用jquerymobile开发HTML5，CSS3网站。我想显示错误消息，例如“您的移动浏览器不支持此应用程序”，如消息，如果移动设备无法正常呈现页面，则如果无法应用jquery mobile样式即可。我还没找到一篇关于此的好文章。所以，您的帮助非常感谢。

作为一个例子，该应用程序在iPhone上工作正常，但在黑莓粗体设备中没有。所以我想为黑莓大胆的设备用户显示这样的消息。我看到黑莓粗体设备不会将jquery样式应用于控制器。

谢谢

Answer 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.");}

希望这有一些帮助。

Answer 2

JQM有一个返回布尔值的$ .mobile.gradeA（）函数。以下是JQM 1.1.0的列表，其中的浏览器具有“gradeA”支持并返回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.');
}​​​​​​​​

更新请注意，对于GradeA支持，较新的黑莓粗体设备应返回true。任何黑莓7 +都可以。另请注意，设备可以运行jQuery，但仍然没有正确设置样式。这是大多数情况下缺乏的css3支持。