檢測重定向並相應地顯示網站

Question

我有一個主要網站，必要時重定向到移動網站。移動網站看起來完全不同，並存儲在子目錄中。當移動用戶選擇查看主（全）網站，我想：

1. 重定向到完整的網站

2. 有充分的現場檢測重定向（所以它會顯示爲滿網站）

3. 如果需要，可以切換回移動版本。

什麼是最有效的方法來完成這一切？

這是我重定向到移動版本從主：

if (screen.width < 1280) { 
    window.location = "http://mainSite.com/mobile/home.html"; 
} 

謝謝！

Answer 1

有幾種方法可以做到這一點：

1）您可以在URL讓方頁面知道你的意圖傳遞的查詢參數。

//m=0 means MobileVersion=No 
window.location = "http://mainSite.com/home.html?m=0"; 

優點：易於做

缺點：如果每個頁面執行此檢查時，你必須繼續通過這個參數在每一頁上。雅虎在他們的主頁上這樣做，但是當我點擊一個子頁面時，我再次獲得移動版本，因爲他們沒有繼續傳遞URL參數。

2）使用cookie來存儲用戶的站點版本首選項。然後在代碼中再次檢查它。

設置的cookie：

document.cookie = 'prefmobile=0; expires=Thu, 1 Apr 2015 23:59:59 UTC; path=/' 

優點：整個頁面調用堅持，不與網址參數搞亂。

缺點：如果用戶禁用Cookie ...

然後總有迴應式設計，如果你想不想要迫使移動不管。 ;）

或者只是有一個按鈕，用戶可以切換到不同的版本，如果他們想。也許在頂部顯示一個非侵入性的消息div，上面寫着「Mobile version available - click here！」如果屏幕寬度< 1280.

希望這有助於！