2012-07-04 23 views
0

我有一個plugin.js,它將我的所有插件組合在一起以供響應式構建。這個plugin.js對手機來說是不必要的笨重。我想創建2個plugin.js在手機或桌面之間切換。如何刪除響應式手機的腳本

減少移動腳本開銷的最佳做法是什麼?

例如: 我有一個複雜的jQuery滑塊用於桌面查看,但我希望腳本不要加載到手機中。

對於這個項目我將使用: HTML5,Wordpress,jQuery,Modernizr。

+0

對於從JavaScript中檢測移動瀏覽器的方法,您應該看看這個問題的幾個有用的答案:http://stackoverflow.com/questions/3514784/best-way-to-detect-handheld-device- in-jquery – andypaxo

回答

1

這取決於您定義的移動設備。如果它是低於某個寬度的所有設備,則可以對此進行測試,然後阻止腳本與if語句一起運行。

$(function(){ 
    var mobile; 
    if (window.width < 481) { 
     mobile = 1; 
    } 

    if (!mobile) { 
    // All your stuff. 
    } 
}); 
+0

什麼是檢測手機的最佳實踐?視網膜顯示怎麼樣?如此多的因素讓我覺得我會錯過一些東西......對於這種情況是否有最佳做法? –

+0

不幸的是,在爲移動設備構建「最佳實踐」時,似乎有爭議。 –

0

我不會推薦使用JavaScript來檢查設備。你在服務器端使用什麼?我已經使用了免費的PHP移動檢測類,取得了很大的成功。它也可以檢測移動平板電腦或特定的製造商。 iPad兼容。它也很容易使用。然後,您可以基於該頁面生成該頁面,也可以重定向到特殊格式的移動網站。使用JavaScript是非常不可靠的,有些人可能會在瀏覽器中關閉它,不太可能發生。如果你在服務器上這樣做,你不必擔心這樣的事情。