브라우저 창 크기를 조정할 때 사이트를 다른 페이지로 이동시킬 수있는 방법이 있습니까?

Question

HTML5를 사용하고 있습니다. 내 자바 스크립트 파일에서 Javascript 파일에 모바일 사용자를 모바일 사이트로 리디렉션하는 다음 코드가 있습니다. 그러나 브라우저 창 크기를 480px 이하로 조정하면 모바일 사이트로 리디렉션 할 수 있습니까? 나는 도처에 보였고 아무 해결책도 찾을 수 없었다.

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

} 

내가 window.resize 속성에 기능을 처음 실행 함수에 수표를 넣어 할당합니다

Answer 1

한 가지를 사용할 수 있습니다.

<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> 

Answer 2

:

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과 단점은 그것이 여러 기능을 가질 수 있도록 속성이 있다는 것이다 . 경우 당신은 창 크기를 조정할 다른 일을이 변경되지 않을 수도 있습니다, screen 데스크톱 사용자의 모니터의 크기이다주의하는 것이 addEventListener

window.addEventListener('resize', checkWinSize);