当浏览器窗口调整大小时，有什么办法让网站转到另一个页面？

我正在使用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，谢谢你的抬头 –

当浏览器窗口调整大小时，有什么办法让网站转到另一个页面？

回答

相关问题