2010-09-16 67 views
4

這個問題以前可能已經被問到過了,但我無法使用Google和本網站的內置搜索功能找到答案。不要在移動設備上加載jQuery

我想在我的網站上使用jQuery,但只有當它顯示在桌面計算機上。如果我的網站顯示在移動設備上,我不希望它加載jQuery。

這樣做的最好方法是什麼? 我應該使用Javascript還是PHP來檢測設備類型?

回答

3

http://jsfiddle.net/fk9kC/

上面的代碼是相當多的不言自明的 - 通過使用被隱藏或取決於由你能夠或多或少準確定位移動電話的屏幕寬度所示的DOM元素。

此外,您還可以用max-device-width替換device-width語句。

1

您需要檢查用戶代理。

您需要定義什麼是移動平臺給你。

一個黑客可能會包括一個媒體類型的移動樣式表,並設置一個元素到特定的東西,你可以檢查使用JavaScript。儘管這很冒險,但這意味着你不需要解析用戶代理。

+0

我想我會嘗試你的解決方案,因爲我的_mobile platform_是由屏幕大小而不是用戶代理定義的。你有沒有這種技巧的例子? – snorpey 2010-09-16 11:27:07

+0

@snorpey我打算編寫一些東西,但它看起來像[ienes]已經完成了它[ienes](http://stackoverflow.com/questions/3725970/dont-load-jquery-on-mobile-devices/3726795#3726795)已經。 – alex 2010-09-16 13:59:20