有沒有一種方法可以專門在小尺寸（移動）設備上運行JavaScript？

我想運行一個JavaScript只使用基礎和Rails的手機（和哈姆，這是哈姆的例子，但不注意）。有沒有一種方法可以專門在小尺寸（移動）設備上運行JavaScript？

我做這樣的事情：

.row 
=# something for large screens 
    .row.show-for-small-only 
     .small-10.small-centered.columns 
     = javascript_tag "$('.someClassIPointTo').myfunction();"

所以我想只爲小尺寸屏幕上運行該JavaScript，而不能用於大屏幕。有沒有辦法做到這一點，然後複製代碼？

來源

2014-01-29 Aleks

我已經找到了答案，以我自己的問題，這裏有雲：

我添加了一個類.my_indicator_class inside.show-for-small類。像這樣的東西（HAML例子）：

.show_for_small 
.my_indicator_class

然後在我的javascript代碼，我用它來檢查這個元素是否可見，這樣的：

var isVisible = $('.my_indicator_class').is(":visible"); 

if(isVisible){ 
    //My code that will run only for small screens 
}else{ 
    // Code for big screens :) 
}

而且whola，僅此而已。

來源

2014-01-30 13:40:31 Aleks

您可以使用簡單的javascript檢測設備是否是移動設備，然後運行您想要的代碼。

if((/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) && 
    (window.innerWidth < SCREEN_WIDTH) && (window.innerHeight < SCREEN_HEIGHT)) { 
// some code.. 
}

來源：What is the best way to detect a mobile device in jQuery?

來源

2014-01-29 13:20:25

那麼這取決於移動設備。我更專注於檢查小尺寸屏幕。但我可能會有一些答案，嗯，我會嘗試一下，我會發佈一個答案 – Aleks

您還可以檢查屏幕的大小並向if語句添加條件。 –

我正在使用粉底。有什麼我可以使用的東西已經存在嗎？ '.show-for-small-only'或類似的東西？ – Aleks

有沒有一種方法可以專門在小尺寸（移動）設備上運行JavaScript？

回答

相關問題