Bagaimanakah Saya Boleh Mengenalpasti Pelayar dan Versi Pengguna Menggunakan JavaScript?

Mengenal pasti Butiran Penyemak Imbas dengan JavaScript

Menentukan pelayar dan versi yang tepat menggunakan JavaScript boleh dicapai dengan bantuan objek navigator. Objek ini memberikan maklumat tentang persekitaran penyemakan imbas pengguna.

Penyelesaian:

Untuk mengesan penyemak imbas dan versinya, anda boleh menggunakan kod berikut coretan:

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

  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)');
    }
  }

  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);

Penjelasan:

• Kod mengekstrak rentetan ejen pengguna daripada objek navigator.
• Ia menggunakan ungkapan biasa untuk memadankan nama dan versi penyemak imbas.
• Untuk Internet Explorer, ia menyemak "trident" dan mengekstrak nombor versi daripada medan "rv".
• Untuk Chrome, ia menyemak corak tertentu untuk membezakan antara penyemak imbas Chrome, Opera dan Edge.
• Kod itu kemudiannya membina rentetan yang boleh dibaca manusia yang mewakili penyemak imbas dan versi.
• Dengan memanggil console.log(navigator.saysWho), anda boleh memaparkan butiran penyemak imbas yang dikenal pasti dalam konsol.

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