как изменить сайт в зависимости от устройства?

Question

, поэтому я хотел, чтобы мой сайт загружался по-разному на компьютере и на мобильном устройстве. Приведенный ниже код определяет, загружается ли он на мобильном устройстве или на компьютере. Есть ли способ заменить текст you are using moblie на совершенно новый код html, чтобы при загрузке веб-сайта на мобильном устройстве вместо отображения you are using mobile он загружал новый веб-сайт html, предназначенный для мобильных устройств?

<script type="text/javascript">
        var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
        var element = document.getElementById('html');
        if (isMobile) {
            
              element.innerHTML = "You are using Mobile";
              
        } else {
            element.innerHTML = "You are using Desktop";
        }
    </script>

Answer 1

для перенаправления на другую страницу html просто используйте window.location = 'https://yourmobileurl.com' в вашем операторе if или window.location = 'https://yourdesktopurl.com' в else

ОДНАКО, лучший способ для его разработки использовать медиа-запросы