Bagaimanakah Saya Boleh Mengesan Peranti iOS dan Versinya dengan Amanah dalam Aplikasi Web?

Mengesan Peranti iOS

Apabila membangunkan aplikasi web, ia boleh berguna untuk mengesan sistem pengendalian peranti. Khususnya, peranti iOS mempunyai ciri unik yang mungkin memerlukan pengendalian khusus. Begini cara untuk mencapainya:

Menghidu Ejen Pengguna

Satu pendekatan biasa ialah menghidu ejen pengguna. Walau bagaimanapun, kaedah ini kurang dipercayai kerana potensi manipulasi pengguna atau sambungan. Namun begitu, berikut ialah contoh:

var iOS = !window.MSStream && /iPad|iPhone|iPod/.test(navigator.userAgent);

Perhatikan bahawa kaedah ini mungkin gagal mengesan iPad yang menjalankan iOS 13 disebabkan oleh perubahan dalam rentetan ejen pengguna.

Pengesanan Platform

Pendekatan yang lebih mantap ialah menyemak platform rentetan:

function iOS() {
  return [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ].includes(navigator.platform)
  || (navigator.userAgent.includes("Mac") && "ontouchend" in document);
}

Kaedah ini juga membezakan iPad daripada peranti iOS lain, termasuk iPadOS 13.

Mengesan Versi iOS

Semasa ejen pengguna menghuraikan boleh menyediakan versi iOS, pendekatan yang lebih dipercayai ialah inferens ciri. Berikut ialah contoh:

function iOSversion() {
  if (iOS) {
    if (window.indexedDB) { return 'iOS 8 and up'; }
    if (window.SpeechSynthesisUtterance) { return 'iOS 7'; }
    if (window.webkitAudioContext) { return 'iOS 6'; }
    if (window.matchMedia) { return 'iOS 5'; }
    if (window.history && 'pushState' in window.history) { return 'iOS 4'; }
    return 'iOS 3 or earlier';
  }
  return 'Not an iOS device';
}

Kesimpulan

Teknik ini membolehkan anda mengesan peranti iOS dengan berkesan dan menentukan versinya, membolehkan anda menyesuaikan gelagat aplikasi web anda dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Peranti iOS dan Versinya dengan Amanah dalam Aplikasi Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!