So verwenden Sie das userAgent-Attribut von JavaScript, um den Browsertyp zu bestimmen

Um den Browsertyp zu bestimmen, können wir das userAgent-Attribut des in JavaScript bereitgestellten Navigator-Objekts verwenden. Es ist das einzige Attribut, das Informationen wie den Typ und die Version des Browsers abrufen kann, auf dem JavaScript ausgeführt wird zu verwenden, aber wenn Sie falsch suchen, kann es bei der Beurteilung der Reihenfolge des Prozessors leicht zu Fehlern kommen. Daher ist Vorsicht geboten.

Werfen wir zunächst einen Blick auf die grundlegende Syntax des userAgent-Attributs

window.navigator.userAgent;

Auf diese Weise erhalten Sie das „ „Zeichen“, die die Browserinformationen beschreiben, „String“ als Rückgabewert.

Es geht darum, die Informationen als String bis zum Ende zu erhalten!

Daher ist es notwendig, den Browsertyp und die Browserversion mithilfe von Methoden wie indexOf() in den Zeicheninformationen zu extrahieren.

Wie erhalte ich Browserinformationen?

Lassen Sie uns ein Programm erstellen, das tatsächlich den Browsertyp erhält!

Beginnen Sie damit, die Browserinformationen aus dem userAgent-Attribut abzurufen.

//方法①
var agent = window.navigator.userAgent;
//方法②
var agent = window.navigator.userAgent.toLowerCase();

Methode ① verwendet das userAgent-Attribut wie üblich, aber ② führt schließlich toLowerCase() aus.

Tatsächlich handelt es sich bei den Browserinformationen, die Sie erhalten, um eine gemischte Zeichenfolge aus Groß- und Kleinbuchstaben, sodass Sie leichter erkennen können, ob es sich grundsätzlich nur um Klein- oder Großbuchstaben handelt.

Im Allgemeinen werde ich es also mit Methode ② aufschreiben!

var agent = window.navigator.userAgent.toLowerCase();
var result = agent.indexOf('chrome') > -1;
console.log(result);

In diesem Beispiel wird indexOf() verwendet, um zu bestätigen, ob der aus den Browserinformationen erhaltene Text „chrome“ vorhanden ist.

Gibt „-1“ zurück, falls nicht vorhanden, oder „Zeichenposition“, falls vorhanden.

Daher kann durch den Vergleich von „> -1“ „wahr/falsch“ ermittelt werden, sodass eine Beurteilung erfolgen kann.

Browser-Beurteilung

Derzeit gibt es verschiedene Browser, wie „IE“, „Chrome“, „Safari“ und „Firefox“ als Mainstream-Browser

Sehen wir uns an, wie jeder Browser beurteilt wird!

Im Allgemeinen wird jeder Browsername grundsätzlich der Reihe nach durch die IF-Anweisung beurteilt.

var agent = window.navigator.userAgent.toLowerCase();
if(agent.indexOf('msie') > -1) { 
  console.log('IE浏览器'); 
} else if(agent.indexOf('edge') > -1) { 
  console.log('Edge浏览器');
} else if(agent.indexOf('chrome') > -1) {
  console.log('Chrome浏览器');
} else if(agent.indexOf('safari') > -1) {
  console.log('Safari浏览器');
} else if(agent.indexOf('firefox') > -1) {
  console.log('Firefox浏览器');
} else {
  console.log('其他浏览器');
}

In diesem Beispiel wird userAgent verwendet, um Browserinformationen abzurufen, und indexOf() ermittelt die einzelnen Browsernamen der Reihe nach.

Wir haben am Anfang ein wenig darauf eingegangen, aber die Reihenfolge des Vergleichs ist wichtig!

Wenn Sie den Edge-Browser mithilfe des userAgent-Attributs überprüfen, enthält er tatsächlich die Zeichen „chrome“ und „safari“.

Überprüfen Sie außerdem, ob Chrome das Wort „Safari“ enthält.

Auf diese Weise werden in einigen Fällen Namen enthalten, die sich vom ursprünglichen Browser unterscheiden. Daher ist es notwendig, zunächst die zu untersuchenden Browser zu vergleichen.

Grundsätzlich sollten wir zumindest die Reihenfolge „Edge“ → „Chrome“ → „Safari“ gewährleisten!

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das userAgent-Attribut von JavaScript, um den Browsertyp zu bestimmen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!