h5中移动设备类型的判断

最新推荐文章于 2023-08-22 21:48:15 发布

我家小薇薇

最新推荐文章于 2023-08-22 21:48:15 发布

阅读量3.3k

点赞数

分类专栏：移动开发文章标签： js区分移动设备类型 js判断是否是微信浏览器

本文链接：https://blog.youkuaiyun.com/qq_41581499/article/details/80365788

版权

移动开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在H5中通过JavaScript判断移动设备类型，并特别关注如何检测是否在微信内置浏览器环境中运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在下载app的时候，往往IOS端和安卓端的下载地址链接是不一样的，这个时候就需要判断当前设备是IOS还是安卓:

 
  downLoad() { 
 
 
  var u 
  = navigator.userAgent; 
 
 
  var isAndroid 
  = u. 
  indexOf( 
  "Android") 
  > 
  - 
  1 
  || u. 
  indexOf( 
  "Adr") 
  > 
  - 
  1; 
  //安卓端 
 
 
  var isIos 
  = 
  !!u. 
  match( 
  / 
  \( 
  i 
  [ 
  ^ 
  ;] 
  + 
  ;( U;) 
  ? 
   CPU 
  . 
  + 
  Mac OS X/); 
  //IOS端 
 
 
  if ( 
  this.weixn()) { 
 
 
  this.weiprompt 
  = 
  true; 
 

   } 
  else { 
 
 
  if (isIos) { 
 
 
   window.location.href  
  = 
  "" 
  ; 
 

   } 
  else { 
 

   window.location.href 
  = 
  ""; 
 

   } 
 

   } 
 

   } 
 

   } 
 

判断是否是微信内置浏览器：

 
  weixn() { 
 
  //判断是否在微信浏览器中 
 
  var ua 
  = navigator.userAgent. 
  toLowerCase(); 
 
  if (ua. 
  match( 
  /MicroMessenger/ 
  i) 
  == 
  "micromessenger") { 
 
  return 
  true; 
 
   } 
  else { 
 
  return 
  false; 
 
   } 
 
   }