js简单判断移动端系统的方法

最新推荐文章于 2023-09-27 15:45:44 发布

转载最新推荐文章于 2023-09-27 15:45:44 发布 · 553 阅读

文章标签：

#javascript #html #前端

前端资源专栏收录该内容

9 篇文章

订阅专栏

这篇文章主要介绍了js简单判断移动端系统的方法,通过JavaScript的navigator.userAgent相关属性判断访问端的系统类型,非常简单实用,需要的朋友可以参考下

本文实例讲述了js简单判断移动端系统的方法。分享给大家供大家参考，具体如下：

  <!DOCTYPE html>
 
  <html>
 
  <head>
 
  <meta charset=
  "UTF-8"
  >
 
  <meta name=
  "viewport" 
  content=
  "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" 
  >
 
  <meta name=
  "format-detection" 
  content=
  "telephone=no"
  >
 
  <title>Document</title>
 
  </head>
 
  <body>
 
  <script>
 
  var 
  isMobile = {
 
  Android : 
  function
  () {
 
  return 
  navigator.userAgent.match(/Android/i) ? 
  true 
  : 
  false
  ;
 
  },
 
  BlackBerry : 
  function
  () {
 
  return 
  navigator.userAgent.match(/BlackBerry/i) ? 
  true 
  : 
  false
  ;
 
  },
 
  iOS : 
  function
  () {
 
  return 
  navigator.userAgent.match(/iPhone|iPad|iPod/i) ? 
  true 
  : 
  false
  ;
 
  },
 
  Windows : 
  function
  () {
 
  return 
  navigator.userAgent.match(/IEMobile/i) ? 
  true 
  : 
  false
  ;
 
  },
 
  any : 
  function
  () {
 
  return 
  (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
 
  }
 
  };
 
  if 
  (isMobile.iOS()) {
 
  alert(
  "apple"
  ); 
 
  } 
  else 
  {
 
  alert(
  "Android"
  );
 
  }
 
  </script>
 
  </body>
 
  </html>