javascript - 检测移动浏览器的脚本

我在台式机和移动浏览器中打开的页面存在问题。在这种情况下，我有一个名称为www.example.com的网站，而且我必须访问名为home-desktop.html和home-mobile.html的页面文件。我想做的是，当我在桌面浏览器上打开www.example.com时，它将加载home-desktop.html；如果在移动浏览器中打开，则将加载home-mobile.html。为此，我应该插入什么脚本？

请任何人知道这样做可以帮助我。谢谢。

最佳答案

您可以使用简单的JavaScript进行检测：

<script>
       window.mobilecheck = function() {
           var check = false;
           if(window.innerWidth<768){
               check=true;
           }
           return check;
         }
         if(window.mobilecheck()){
             window.location.href="home-mobile.html";
         }
         else {
            window.location.href="home-desktop.html";
         }
</script>

工作提琴：https://jsfiddle.net/KishorVelayutham/rbe055uq/

希望能帮助到你..！