移動瀏覽器的jQuery嗅探

Question

如何使用jquery嗅探移動瀏覽器？

我的特殊用例：

我有游戲 除了在使用軟件鍵盤的瀏覽器中（因為鍵盤會阻塞屏幕），我希望聊天框始終保持焦點。

Answer 1

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

Answer 2

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