移动浏览器的jQuery嗅探器

jQuery sniff for mobile browsers

本文关键字：嗅探器 jQuery 浏览器 移动      更新时间：2023-09-26

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

我的特殊用例:

我有一个游戏。我希望聊天框一直集中，除了使用软件键盘的浏览器(因为键盘会阻塞屏幕)。

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

您可以使用普通的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。

相关文章：