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>

工作小提琴：

---

希望对你有帮助

或者，您可以使用一个js库，它可以很好地处理这一部分，并且非常易于使用。 检查浏览器的简单用法：

<script src="//cdn.jsdelivr.net/npm/mobile-detect@1.4.1/mobile-detect.min.js"></script>
<script>
    var md = new MobileDetect(window.navigator.userAgent);
    // ... see below
</script>

我发现它真的很有用。我也希望你。

---

信用证：

您可以使用.htaccess重定向手机页面。@ravisachaniya您有这样做的示例代码吗？此链接是否有用：检查移动设备普遍接受的mime类型时重写引擎重写cond%{HTTP_ACCEPT}text\/vnd\.wap\.wml\/vnd\.wap\.xhtml\+xml[NC]RewriteCond%{REQUEST\u URI}^ /$$ReWrrulule^ {Realestuuri}[r，L]安东尼奥-您可能想查看并考虑响应式设计，服务于您的站点的多个版本。在哪里放置该脚本，以及如何在页面内定义页面？@安东尼奥，您使用的是角JS还是简单HTML？我使用简单的HTMLe然后使用WiDOW.Loosi.HeRF= HOME-MPLAY.html；在我的答案编辑完毕后，检查@Antonio。让我知道它是否有效

var md = new MobileDetect(
    'Mozilla/5.0 (Linux; U; Android 4.0.3; en-in; SonyEricssonMT11i' +
    ' Build/4.1.A.0.562) AppleWebKit/534.30 (KHTML, like Gecko)' +
    ' Version/4.0 Mobile Safari/534.30');

// more typically we would instantiate with 'window.navigator.userAgent'
// as user-agent; this string literal is only for better understanding

console.log( md.mobile() );          // 'Sony'
console.log( md.phone() );           // 'Sony'
console.log( md.tablet() );          // null
console.log( md.userAgent() );       // 'Safari'
console.log( md.os() );              // 'AndroidOS'
console.log( md.is('iPhone') );      // false
console.log( md.is('bot') );         // false
console.log( md.version('Webkit') );         // 534.3
console.log( md.versionStr('Build') );       // '4.1.A.0.562'
console.log( md.match('playstation|xbox') ); // false