vue打包app嵌入h5，區分app進入和android，ios顯示不同的下載鏈接

vue打包app嵌入h5，區分app進入和android，ios顯示不同的下載鏈接

需求：自己app打開的登錄頁面不顯示app下載鏈接。
其他地方打開判斷android手機的跳轉到android下載頁鏈接，ios手機的跳轉到ios下載鏈接，pc版的不顯示下載鏈接。

H5前端與Android和iOS混合開發時，需要區分瀏覽器平台，JS判斷客戶端是否是iOS或者Android手機移動端

 

document.addEventListener('plusready', function() {
    plus.navigator.setStatusBarBackground("#0a122c");
    plus.navigator.setStatusBarStyle('light');
    plus.key.addEventListener('backbutton', listenerBackbutton, false);
    //是否app進入的
    setTimeout(function() {
        $cookies.set("isapp", "true","1d");
      }, 100);
    
});

<div class="downapp" v-if="$cookies.get('isapp') != 'true'">
  <a :href="downurl" target="_blank">
  <md-icon name="down_icon" slot="left"></md-icon> 下載APP
  </a>
</div>
    
var u = navigator.userAgent;
if(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1){
  this.downurl = "android-douwnurl";
}else{
  this.downurl = "ios-douwnurl";
}