在javascript'如果手機'

Question

我正在考慮使用jQuery.browser做一些事情，但這只會返回你所在的瀏覽器以及它是否是webkit等。

所以我基本上想要在移動設備上關閉某些js文件甚至加載？

我想你可以做到但是怎么做？

Answer 1

我認為這個答案更好，因為它不取決於屏幕寬度：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
    // some code..
}

我知道現在你已經擁有了品牌瀏覽器依賴關系，但是檢查屏幕尺寸會更加可維護。

Answer 2

您可以使用屏幕尺寸，這樣就可以為小屏幕加載小UI：

if ($(window).width() < 480 || $(window).height() < 480) {
    //small screen, load other JS files
    $.getScript('/js/script.js', function () {
        //the script has been added to the DOM, you can now use it's code
    });
}

$.getScript()文檔： http ： $.getScript()

Answer 3

我知道這是一個非常晚的答案，你很可能解決了你的問題。 但無論如何，這是我用於所有項目的內容：

window.isMobile = /iphone|ipod|ipad|android|blackberry|opera mini|opera mobi|skyfire|maemo|windows phone|palm|iemobile|symbian|symbianos|fennec/i.test(navigator.userAgent.toLowerCase());

Answer 4

 $(window).resize(function(){ /*Bind an event handler to the "resize"*/ if ($(window).width() < 480 || $(window).height() < 480) { //what you have to do here } }) 

Answer 5

移動設備與傳統瀏覽器的問題在於......嗯，有什么區別？

有些台式機的連接速度比手機慢。 有台式機具有更高分辨率的手機。 當然，反過來也是如此。

理想情況下，您應該考慮使您的網站在兩者上運行良好。 雖然在實踐中，這通常很難，但我想現在你會發現你的努力是值得的。 您的用戶也會愛你。

如果你仍然覺得有必要嘗試這個...特別是在JavaScript中......請看這篇文章： 移動檢測