uniapp は Apple と Android をどのように区別しますか?

フロントエンド開発では、さまざまなオペレーティング システムを異なる方法で処理する必要があることが多く、そのためには現在のデバイスのオペレーティング システムを判断する必要があります。クロスプラットフォーム開発フレームワーク uniapp では、現在のデバイスが Apple か Android かを判断するにはどうすればよいですか?以下に簡単に紹介させていただきます。

まず、uniapp がどのようにクロスプラットフォームであるかを理解する必要があります。 uniapp は vue.js をベースに開発されており、優れたフロントエンド設計思想と技術を採用しており、vue.js をベースにいくつかのクロスプラットフォーム拡張機能を追加して、プラットフォーム間で使用できる UI フレームワークのセットを形成しています。 Uniapp 開発者は、1 セットのコードを開発するだけで、さまざまなプラットフォーム (WeChat ミニプログラム、Alipay ミニプログラム、H5、アプリなどを含むがこれらに限定されない) の実行コードを同時に生成できます。

それでは、uniapp で現在のデバイスのオペレーティング システムを確認する方法を紹介しましょう。

1. ua を使用して決定する
ua はユーザー エージェントを指し、ブラウザの HTTP リクエスト ヘッダーの一部であり、独自のブラウザとオペレーティング システムに関する情報をサーバーに送信するために使用されます。 uniapp では、uni.getSystemInfoSync() を通じて、デバイスの UA 情報を含む現在のデバイス情報を取得できます。正規表現を使用して UA 情報を照合し、現在のデバイスのオペレーティング システムを推測できます。

コードは次のように実装されます:

let ua = uni.getSystemInfoSync().platform;
if(/ios/i.test(ua)){
  // 苹果
} else if(/android/i.test(ua)){
  // 安卓
} else {
  // 其他
}

2. uni-app が提供する API を使用します

uniapp には、uni.getSystemInfoSync( ) API は、現在のデバイスの製造元とオペレーティング システムの情報を直接取得できます。現在のデバイスのオペレーティング システムを判断するには、platform の値を判断するだけです。

コードは次のように実装されます:

let platform = uni.getSystemInfoSync().platform;
if(platform === 'ios'){
  // 苹果
} else if(platform === 'android'){
  // 安卓
} else {
  // 其他
}

3. uniapp の $platform パラメーターを使用します

uniapp には、$platform グローバル パラメーターがあり、これはベースになります現在のデバイスのオペレーティング システムに基づいて自動的に変更されるため、このパラメータの値を直接判断して、現在のデバイスのオペレーティング システムを決定できます。

コードは次のように実装されます:

let platform = uni.getStorageSync('$platform');
if(platform === 'ios'){
  // 苹果
} else if(platform === 'android'){
  // 安卓
}

コードが現在 WeChat アプレット以外のプラットフォームで実行されている場合、$platform パラメーターは空の文字列になる可能性があることに注意してください。

概要:

上記は、uniapp で現在のデバイスのオペレーティング システムを確認する 3 つの方法です。実際の状況に応じて、適切な方法を選択できます。さまざまなプラットフォーム向けにアプリケーションを開発する場合、さまざまなオペレーティング システムにさまざまな適応プロセスを適用することで、ユーザー エクスペリエンスをより最適化し、アプリケーションの安定性と使いやすさを向上させることができます。

以上がuniapp は Apple と Android をどのように区別しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。