用戶界面控制以獲得最佳移動和桌面體驗

Question

我一直在尋找一種簡單的方法來爲移動和桌面用戶優化具有動態內容的響應式網站。

我有相當多的造型& js的功能只有在桌面環境，而不是移動的，反之亦然。另一方面，我的佈局只會低於平均的平板電腦尺寸，這使得很難指出切換的位置。

我想避免轟炸所有移動/桌面用戶，而是切換需要加載的樣式表和腳本。由於該網站保持不變，並用ajax加載基本內容，我寧願將所有其他加載時間保持在最低限度。

我最初的想法是編寫一個modernizr函數，根據觸摸特徵的檢測，加載到不同的css和js文件中。但是，那是在我發現許多非移動瀏覽器現在看到他們自己作爲觸摸啓用之前：/

我想知道你們現在如何解決這個問題，而不必堅持設備寬度的媒體查詢，或者不必擔心某些瀏覽器版本或設備不會被覆蓋。

Answer 1

Here是一個格柵工具。是非常siple，我使用de這樣的jQuery vesion：

if(jQuery.browser.mobile){ //code }