用于移动浏览器的 jQuery 嗅探答案

【问题标题】：jQuery sniff for mobile browsers用于移动浏览器的 jQuery 嗅探
【发布时间】：2011-10-30 20:55:25
【问题描述】：

如何使用 jquery 嗅探移动浏览器？

我的特殊用例：

我有一个游戏。我希望聊天框始终保持焦点，但使用软件键盘的浏览器除外（因为键盘会挡住屏幕）。

【问题讨论】：

这个 SO 链接可以帮助你stackoverflow.com/questions/5045615/…

标签： javascript jquery mobile

【解决方案1】：

http://plugins.jquery.com/project/advbrowsercheck

【讨论】：

【解决方案2】：

您可以使用普通的 Javascript 来检测移动设备：

if(!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))){
    //focus input field
    document.getElementById("chattextbox").focus();
}

如果你使用的是 jQuery，你可能会使用类似的东西：

$( document ).ready(function() {      
    var isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
    if (!isMobile) {
        //focus input field
        document.getElementById("chattextbox").focus();
    }
});

在这里，您正在测试用户设备的大小。在我看来，这是更好的选择，因为您还应该使用这个 css 媒体查询来设计您的网站，这样您就可以完全控制 UI 和 UX。

【讨论】：