1. 開発環境 vue+vant 2. コンピュータシステム Windows 10 Professional Edition 3. h5 エンドの開発中に、ユーザーがアプリをインストールしたかどうかを判断するためにボタンをクリックする必要があることがよくあります (最初に Android か Apple かを判断し、次にアプリがインストールされているかどうかを判断します。インストールされていない場合はダウンロード ページにジャンプし、インストールされている場合は開きます)。 4. では、早速コードを見てみましょう。 <div class="xiding-r" @click="openapp"> アプリを開く </div> 5. メソッドに次のコードを追加します。 オープンアプリ() { var u = ナビゲータ.userAgent、 アプリ = 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("私はAndroidです"); android.app.android() を呼び出します。 } (IOSの場合) { // アラート("私はAppleです"); } }, アンドロイド(){ var _clickTime = 新しい Date().getTime(); window.location.href = 'zhihu://'; /***Android の同僚が提供したアプリ契約を開く***/ // 20ms間隔でタイマーを開始し、累積消費時間が3000msを超えるかどうかを確認します。超えている場合は終了します。var _count = 0, intHandle; intHandle = setInterval(関数() { _count++; var elsTime = new Date().getTime() - _clickTime; _count >= 100 || elsTime > 5000 の場合 { コンソールログ(_count) コンソールログ(elsTime) クリア間隔(intHandle); // アプリが開いているかどうかを確認します if (document.hidden || document.webkitHidden) { // 開いた window.location.href = "zhihu://"; // アラート('開かれました'); ウィンドウを閉じる(); // 戻る; } それ以外 { // 開いていません // alert('開いていません'); window.location.href = ""; //ダウンロードリンク} } }, 20); }, 5. 注: この場合、私は Zhihu の例を使用しました。 6. 注記 カスタム URL スキームを使用する利点は、他のプログラムでこの URL を介してアプリケーションを開くことができることです。アプリケーション A が URL スキーム:myApp を登録すると、<a href ="myApp://"> を通じてモバイル ブラウザーでアプリケーションを開くことができます。 iOS では、システムが URL スキームを登録し、アプリをインストールしている場合は、上記の Web ページ メソッド (テスト済みで有効) を使用してアプリを開くことができます。注意: iOS では http://xxx のような URL スキームを登録できませんが、Android では登録できます。 これで、vue の h5 からアプリを開く方法 (Android か Apple かを判断する方法) に関するこの記事は終了です。vue の h5 からアプリを開く方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: DockerにTensorFlow環境を素早くインストールする方法
>>: MySQLはinit-connectを使用してアクセス監査機能の実装を増やします
1. スクロールビュー垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する...
目次1. 型2. インスタンス3. コンストラクター4.toString() この記事では、4 つの...
目次1. 元の値と参照値2. インスタンス3. 範囲1. 元の値と参照値6 つの単純なデータ型の値は...
データ内に次のような特徴を持つ「 ' 」などの文字が含まれることがあります。 &# ...
HTML のフォームを使用して、ユーザーからさまざまな種類の入力情報を収集できます。フォームは、実際...
目次前の1. セットアップ構文シュガーとは何か2. セットアップコンポーネントを使用して自動的に登録...
時は経つのが早く、わずか 6 日後には 2013 年が歴史になります。今年は、いわゆるトレンドが多す...
MySQLの左結合が無効であり、その使用方法今日SQLを書いていたとき、左結合を使用すると左のテーブ...
実際のプロジェクト開発では、多数のクエリや挿入、特にマルチスレッド挿入など、データベースに大きな負荷...
Nginx の最適化 - バージョン番号と Web ページのキャッシュ時間を非表示にするバージョン番...
.net 開発に関しては、Microsoft の SQL Server データベースに精通しており、...
目次1. インストール2. vue2でEchartsを使用するmain.jsファイル内コンテナが与え...
目的: vuex で管理されている状態データを同時にローカルに保存できるようにします。独自のストレー...
1. はじめに英語に慣れていない人は、システムを英語から中国語に変更したいかもしれません。一方、クラ...
目次1. 証明書を生成する2. リモートを有効にする3. リモート接続3.1 Jenkins接続3....