Bagaimanakah Saya Boleh Mengesan Versi Pelayar Pengguna Menggunakan JavaScript?

Pengesanan Versi Penyemak Imbas: Membongkar Misteri

Apabila membangunkan tapak web, menentukan versi penyemak imbas pengguna boleh menjadi penting untuk memastikan keserasian dan penyesuaian pengalaman pengguna. Walau bagaimanapun, mencari kod untuk mengesan bukan sahaja jenis tetapi juga versi penyemak imbas boleh terbukti mencabar.

Menyingkap Rahsia: Mengintip Tetingkap Penyemak Imbas

Untuk membongkar misteri ini, kami menyelidiki kedalaman JavaScript dan menemui penyelesaian yang membolehkan kami menanyakan pelayar untuk versinya, melukis gambaran yang lebih jelas tentangnya. keupayaan.

Coretan Kod: Sepintas lalu ke Tetingkap Navigator

Coretan kod berikut membolehkan anda menanyakan nama penyemak imbas, bersama-sama dengan versi khususnya:

navigator.sayswho = (function() {
  var ua = navigator.userAgent;
  var tem;
  var M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  if (/trident/i.test(M[1])) {
    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
    return 'IE ' + (tem[1] || '');
  }
  if (M[1] === 'Chrome') {
    tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
    if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
  }
  M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
  if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);
  return M.join(' ');
})();

console.log(navigator.sayswho); // outputs: `Chrome 62`

Melaksanakannya: Dunia Nyata Contoh

Dalam contoh ini, fungsi navigator.mengatakanyang dipanggil dan mengembalikan rentetan yang mengandungi nama dan versi penyemak imbas, membolehkan anda melakukan tindakan khusus versi. Sebagai contoh, jika anda ingin menyesuaikan kandungan untuk pengguna Firefox 3, anda boleh menggunakan kod ini untuk menyemak kehadiran mereka:

if (navigator.sayswho.includes('Firefox 3')) {
  // Display content specific to Firefox 3
}

Kesimpulan

Dengan memanfaatkan kuasa JavaScript, anda boleh membuka kunci rahsia mengesan versi penyemak imbas, memperkasakan anda untuk mencipta pengalaman yang menyesuaikan dengan lancar dengan penyemak imbas pengguna. Jadi, apabila anda perlu menyampaikan kandungan yang disesuaikan dengan versi penyemak imbas tertentu, ingat teknik ini untuk membuka kunci misteri tetingkap penyemak imbas.

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