Для перенаправления пользователя на другую страницу при определенной ширине окна веб-браузера, можно воспользоваться событиями и методами JavaScript. Вот пример подробного решения:
1. Необходимо добавить слушателя события изменения размеров окна (resize
) и проверять ширину окна при каждом срабатывании этого события.
2. При достижении определенной ширины окна, мы будем перенаправлять пользователя на другую страницу с помощью объекта window.location
.
Пример кода:
// Определяем ширину окна, при которой нужно перенаправить пользователя const screenWidthThreshold = 800; // Функция, которая будет обрабатывать изменения размеров окна function checkWindowWidth() { if (window.innerWidth <= screenWidthThreshold) { // Перенаправляем пользователя на другую страницу window.location.href = "новая_страница.html"; } } // Добавляем слушатель события изменения размеров окна window.addEventListener('resize', checkWindowWidth); // Вызываем функцию при загрузке страницы, чтобы проверить ширину окна сразу checkWindowWidth();
В данном примере, если ширина окна становится меньше или равной 800
пикселям, пользователь будет автоматически перенаправлен на страницу новая_страница.html
.
Этот код позволит вам плавно реагировать на изменения размеров окна браузера и предпринимать соответствующие действия, в данном случае перенаправление на другую страницу.