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

开发攻城狮

于 2020-08-18 10:19:46 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_46533797/article/details/108070971

本文介绍了一种在不同环境下（小程序、微信浏览器、iOS/iPad、Android）进行判断并执行相应操作的方法，主要应用于购物车添加和商品详情页跳转功能。通过检测UserAgent字符串实现对不同平台的支持。

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

最近公司开发项目要求对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);
   }

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

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