Javascript 如何根据设备更改网站？

所以我想让我的网站在桌面和手机上的负载有所不同。下面的代码检测它是在手机上加载还是在桌面上加载。我有没有办法将你正在使用的moblie文本替换成一个全新的html代码，这样当网站加载到手机上而不是显示你正在使用手机时，它就会加载一个新的用于手机的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>

---

要重定向到另一个html页面，只需使用window.location=https://yourmobileurl.com'在if语句或窗口中。位置='https://yourdesktopurl.com”“在别的地方

---

然而，更好的设计方法是使用媒体查询

什么是移动？什么是桌面？那么介于两者之间的所有设备呢？你的实际目标是什么？我的意思是你希望我列出所有的设备吗？我的目标是为手机和桌面等不同设备显示不同设计的网站。屏幕分辨率比用户代理更相关。现代网站是被动的，通常使用CSS@media查询来控制所有类型设备的外观和感觉。不，我希望你能具体说明你的问题，并解释原因，否则很难给你一个好的答案。如果您只是尝试更改一些样式，则可以考虑CSS媒体查询。