Bagaimanakah Saya Boleh Mengesan Penyemak Imbas dan Versi Menggunakan JavaScript?

Pengesanan Penyemak Imbas dalam JavaScript Dilawati Semula

Menentukan penyemak imbas dan versi yang tepat menggunakan JavaScript boleh menjadi alat yang berharga untuk pengalaman web yang disesuaikan. Begini cara anda boleh mencapai ini:

API Navigator:

Harta navigator dalam JavaScript menyediakan akses kepada maklumat penyemak imbas. Sifat userAgentnya mengandungi rentetan yang mengenal pasti penyemak imbas dan versinya.

Menggunakan Ungkapan Regex:

Untuk mengekstrak nama dan versi penyemak imbas daripada rentetan userAgent, anda boleh menggunakan ungkapan biasa. Kod sampel berikut menggunakan regex komprehensif untuk mengesan pelbagai penyemak imbas dan versinya:

navigator.saysWho = (() => {
  const { userAgent } = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  // Handle special cases
  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];
    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);
    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);
    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  // Construct the browser information string
  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);
  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho); // outputs: `Chrome 89`

Skrip ini memadankan rentetan ejen pengguna terhadap pelbagai corak penyemak imbas dan mengembalikan penyemak imbas dan versi yang diekstrak sebagai rentetan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Penyemak Imbas dan Versi Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!