Android ios WeChatブラウザ環境かどうかはVueで判断します！

最近の企業開発プロジェクトでは、iOS と Android 用の組み込み H5 インターフェイス、WeChat ブラウザー、およびさまざまな環境で判断してさまざまなことを実行する小さなプログラムが必要です。ここでは、単純なカートに追加して詳細ページに移動する機能を示します。言いたいことはたくさんあります。以下のコードを共有してください!

まず、小規模なプログラム環境であると判断されます。

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

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

次に、WeChat ブラウザ環境であると判断されます。

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;
  } 

4つ目は、Android環境であると判定されることです！

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

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