Как перенаправить на другую страницу в точке останова?

Question

Я должен перенаправить на другую веб-страницу с точкой останова 800px

Я пробовал приведенный ниже код и пытался включить в точке останова, но он всегда перенаправлял даже на вышеуказанные точки останова

<meta http-equiv="refresh"
          content="2;  
                url=http://redirectedSite.com/">

необходимо для перенаправления страницы на другую страницу в точке останова с использованием HTMl или JS

Answer 1

Вы можете сделать это с помощью простого JavaScript.Добавьте прослушиватель событий для изменения размера браузера и проверки ширины окна браузера и перенаправления.

window.addEventListener('resize', screen_resize);
 
function screen_resize() {
  var h = parseInt(window.innerHeight);
  var w = parseInt(window.innerWidth);

  if(w <= 800) {
      window.location.replace("http://redirectedSite.com/");
  }
 }

Answer 2

Не проверено, но я думаю, что этот код JavaScript должен работать:

<script type="text/javascript">
   if (screen.width > 800) {
      window.location.replace("http://redirectedSite.com");
   }
</script>

Обратите внимание, что это перенаправление является плохой практикой.

Если это для получения другого макета экрана, вы должны просто изменить свой макет, используя css.

Вы можете использовать @media (min-width: 800px) { your css }, чтобы влиять только на пользователей, использующих большие устройства.