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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐