當瀏覽器窗口調整大小時，有什麼辦法讓網站轉到另一個頁面？

我正在使用HTML5。在我的Javascript文件中，我的Javascript文件中有以下代碼將移動用戶重定向到移動網站。但是，當瀏覽器窗口調整到480px或更低時，是否還有辦法重定向到移動網站？我到處找，並找不到任何解決方案。當瀏覽器窗口調整大小時，有什麼辦法讓網站轉到另一個頁面？

if(screen.width <= 480 || /webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ) {  
window.location = "mobile.html"; 

}

來源

2017-01-28 Megan

您正在尋找的['resize'事件]（https://developer.mozilla.org/en-US /文檔/網絡/活動/調整）。 –

這將是有用的：http://stackoverflow.com/a/641874/4110233 – TheChetan

有一點要注意的是，screen是一個桌面用戶的顯示器的尺寸，所以它可能不會改變。相反，使用jQuery找出瀏覽器的窗口的寬度，而不是screen：

<script src=https://code.jquery.com/jquery-1.12.4.js></script> 

<script type="text/javascript"> 

    window.onresize = function(event) { 
    if ($(window).width() <= 480) { 
     console.log('do stuff'); 
    } 
    } 
</script>

來源

2017-01-28 19:36:28 AHAY

非常感謝你！我用這個代碼，它完美的工作！ – Megan

我會把我的支票的功能，最初運行它，並分配功能window.resize屬性：

function checkWinSize(){ 

    if(window.innerWidth <= 480 || /webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ) {  
     window.location = "mobile.html"; 
    } 

} 

checkWinSize(); // intial check 
window.onresize = checkWinSize; // check when window is resized

與window.onresize的缺點是，它是一個屬性，因此它不能有多個功能。在情況下，你可能會做其他的事情調整窗口的大小，使用addEventListener

window.addEventListener('resize', checkWinSize);

來源

2017-01-28 19:27:27

應該檢查窗口的寬度，而不是屏幕 – charlietfl

@charlietfl，謝謝你的擡頭 –

當瀏覽器窗口調整大小時，有什麼辦法讓網站轉到另一個頁面？

回答

相關問題