網站響應腳本

-1

我在尋找搞清楚正確的腳本，使我的桌面網站移動響應。
就目前而言，我的網站在移動設備上得到了認可，並被引導至移動網站版本。
當我縮小（縮小）瀏覽器窗口並使其響應時，我期望實現的是正確的腳本，用於在桌面瀏覽器窗口上將我的完整網站重定向/切換到我的移動網站。這裏是我的移動重定向當前腳本：網站響應腳本

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 
if (mobile) {  
    document.location = "my-mobile-site.html";  
}

這裏是我想出來的，但顯然是行不通的：

var screen = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 

if (screen.width <= 699) {   
    document.location = "my-mobile-site.html"; 
}

我是關閉？

來源

2014-10-16 TSB40

重定向到網站的移動版本使網站響應？如果桌面用戶調整瀏覽器大小，您爲什麼要重定向到移動網站？顯然他們不在移動設備上， – 2014-10-16 22:03:55

第二次嘗試時，'screen'是一個布爾值，它沒有寬度... – 2014-10-16 22:04:37

我對您的代碼的理解是，您希望識別移動設備何時被檢測到，所以Kevin B表示屏幕是一個布爾值。

if (screen) {   
    document.location = "my-mobile-site.html"; 
}

你爲什麼要返回一個HTML的位置？相反，與其他性質

if (screen) { 
    document.location = "styles.css"; 
}

styles.css的

@media screen and (max-width: 699px) { 
    // here add your styles 
}

對不起，如果我錯了，我必須回到你的CSS文件從未致力於創建移動版本。我希望幫助;）

來源

2014-10-16 23:14:11 duacos

當你服務根據設備的不同的內容，這不是不再被認爲是響應式設計
你所要做的，是一個重定向到另一個頁面，這是一個非常不好的做法來處理它正面：
重定向應該從後端檢測，根據用戶代理管理，而不是屏幕大小。
http://en.wikipedia.org/wiki/User_agent

來源

2014-10-16 23:20:48 SamiX

網站響應腳本

回答

相關問題