jQuery嗅探移动浏览器

Question

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

我的特殊用例：

我有一个游戏。我希望聊天盒一直都是专注的，除了使用软件键盘的浏览器（因为键盘会阻挡屏幕）。

Answer 1

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

Answer 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。