JS-判断设备是否是移动设备

刺骨的言语ヽ痛彻心扉 2022-04-03 18:40 441阅读 0赞

使用JS判断设备是否是移动设备。

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.     </head>
  7.     <body>
  8.     </body>
  9.     <script>
  10.         console.log(navigator.userAgent)
  11.         console.log(checkIsMobile(navigator.userAgent));
  12.         //Android
  13.         console.log(checkIsMobile('Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko; googleweblight) Chrome/38.0.1025.166 Mobile Safari/535.19'));
  14.         //IPhone
  15.         console.log(checkIsMobile('Mozilla/5.0 (iPhone; CPU iPhone OS 11_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.0 Mobile/15E148 Safari/604.1'));
  16.         //Ipad
  17.         console.log(checkIsMobile('Mozilla/5.0 (iPad; CPU OS 9_3_5 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13G36 Safari/601.1'));
  18.         function checkIsMobile(ua) {
  19.             if (/Mobi|Android/i.test(ua)) {
  20.                return true;
  21.             }
  22.             return false;
  23.         }
  24.     </script>
  25. </html>

测试结果：

  1. Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
  2. false
  3. true
  4. true
  5. true

可在此网站查找useragent进行测试。

https://developers.whatismybrowser.com/useragents/explore/

发表评论

表情：
评论列表 （有 0 条评论，441人围观）

还没有评论，来说两句吧...

相关阅读