Vue 判断是否为 安卓 ios 微信浏览器环境判断！

最近公司开发项目 要求对ios和安卓 内嵌H5界面，微信浏览器，以及小程序 对不同环境做出判断 然后做不同的事情 我这里是一个加入购物车 和跳转详情页面 功能比较简单 话不多说 下面分享我的代码！

一 ，判断是小程序环境!

if(window.__wxjs_environment == 'miniprogram'){
    
    }

 if (window.__wxjs_environment == 'miniprogram') {
    
    
    wx.miniProgram.navigateTo({
    
    url: '/pages/components/share/details/details?id='+id })
	return;
  }

二，判断是微信浏览器环境!

if (/(MicroMessenger)/i.test(navigator.userAgent)) {
    
    }

 if (/(MicroMessenger)/i.test(navigator.userAgent)) {
    
    
    window.location.href = 'https://h5.fcdsx.com/#/shopdetail?recommendid=' + id
   }

三，判断是ios iPad 环境！

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    
    }

 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    
    
   var url="product:"+id;
   document.location = url;
  } 

四，判断是安卓环境！

if (/(Android)/i.test(navigator.userAgent)) {
    
    }

if (/(Android)/i.test(navigator.userAgent)) {
    
    
     window.productweb.goProduct(id);
   }