vue中h 5端がappを開く（Androidかアップルか判断）

1.開発環境vue+vant
2.コンピュータシステムwindows 10専門版
3.h 5端開発の過程で、よくボタンを押して、ユーザーがアプリをインストールしたかどうかを判断します。
4.無駄話を多く言わず、直接コードを入れる：

<div class="xiding-r" @click="openapp">
 Open APP
</div>

5.methodsに下記のコードを追加します。

  openapp() {
  var u = navigator.userAgent,
   app = navigator.appVersion;
  var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
  var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if (isAndroid) {
   // alert("    ");
   this.android();
  }
  if (isIOS) {
   // alert("    ");
  }
  },

android() {
  var _clickTime = new Date().getTime();
  window.location.href = 'zhihu://'; /***  app   ，       ***/

  //    20ms      ，             3000ms，     
  var _count = 0, intHandle;
  intHandle = setInterval(function () {
   _count++;
   var elsTime = new Date().getTime() - _clickTime;
   if (_count >= 100 || elsTime > 5000) {
   console.log(_count)
   console.log(elsTime)
   clearInterval(intHandle);
   //  app    
   if (document.hidden || document.webkitHidden) {
    //    
    window.location.href = "zhihu://";
    // alert('   ');
    window.close();
    // return;
   } else {
    //    
    // alert('   ');
    window.location.href = "";//    
   }
   }
  }, 20);
  },

5.このケースでは、私が使っている周知の例です。

6.注意
Custom URL Schemeを使う利点は、他のプログラムでこのurlでアプリケーションを開くことができます。もしAアプリがurl scheme:myAppを登録したら、mobileブラウザでアプリを開くことができます。注意してください。IOSでは、システムがurl schemenを登録し、そのアプリケーションをインストールすれば、上記のようなウェブページを通じてアプリケーションを開くことができます。注意：IOSはhttp://xxxのようなurl schemeに登録できません。androidは可能です。
ここで、vueの中h 5端についてapp（Androidかアップルか判断）を開いた記事を紹介します。vueの中h 5端については、appの内容をもっと紹介します。以前の文章を検索してください。または、下記の関連記事を引き続き閲覧してください。これからもよろしくお願いします。