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

Question

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

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

谢谢

score 2 · Accepted Answer

你可以通过两种方式做到这一点。

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

希望这个对你有帮助。

score 1 · Accepted Answer

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 的支持。

2 回答 2