Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe von JavaScript die Browserversion eines Benutzers erkennen?

Wie kann ich mithilfe von JavaScript die Browserversion eines Benutzers erkennen?

Linda Hamilton
Freigeben: 2024-12-09 18:28:18
Original
779 Leute haben es durchsucht

How Can I Detect a User's Browser Version Using JavaScript?

Erkennung der Browserversion: Die Geheimnisse aufdecken

Bei der Entwicklung von Websites kann die Bestimmung der Version des Browsers eines Benutzers entscheidend sein, um Kompatibilität und Anpassung sicherzustellen Benutzererfahrungen. Allerdings kann es sich als Herausforderung erweisen, Code zu finden, der nicht nur den Typ, sondern auch die Version eines Browsers erkennt.

Die Geheimnisse enthüllen: Ein Blick in das Browserfenster

Um es zu enträtseln Um dieses Rätsel zu lösen, sind wir in die Tiefen von JavaScript eingetaucht und haben eine Lösung gefunden, die es uns ermöglicht, den Browser nach seiner Version abzufragen und so ein klareres Bild davon zu zeichnen Funktionen.

Code-Snippet: Ein Blick in das Fenster des Navigators

Mit dem folgenden Code-Snippet können Sie den Namen des Browsers zusammen mit seiner spezifischen Version abfragen:

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`
Nach dem Login kopieren

In die Praxis umsetzen: Eine reale Welt Beispiel

In diesem Beispiel wird die Funktion navigator.sayswho aufgerufen und gibt eine Zeichenfolge zurück, die den Namen und die Version des Browsers enthält, sodass Sie versionenspezifische Aktionen ausführen können. Wenn Sie beispielsweise Inhalte für Firefox 3-Benutzer anpassen möchten, können Sie diesen Code verwenden, um deren Anwesenheit zu überprüfen:

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

Fazit

Durch die Nutzung der Mit der Leistungsfähigkeit von JavaScript können Sie das Geheimnis der Erkennung der Browserversion lüften und so Erlebnisse erstellen, die sich nahtlos an die Browser der Benutzer anpassen. Wenn Sie also das nächste Mal Inhalte bereitstellen müssen, die auf bestimmte Browserversionen zugeschnitten sind, denken Sie an diese Techniken, um die Geheimnisse des Browserfensters zu entschlüsseln.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript die Browserversion eines Benutzers erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage