Wie kann ich IE11 von IE10 mithilfe von CSS oder JavaScript zuverlässig erkennen?

Erkennen von IE10 und IE11 mithilfe der CSS-Funktion/Funktionserkennung

Die Herausforderung

IE11 funktioniert Unterstützt nicht die in IE10 verwendeten Browsererkennungs-Tags. Um zwischen den beiden Browsern zu unterscheiden, ist CSS-Fähigkeit oder Funktionserkennung erforderlich.

IE10-Kompatibilitätsstile

Die meisten IE10-Stile werden auch von IE11 unterstützt. Daher wird die Verwendung funktionsbasierter Erkennungstechniken, die für IE10 funktioniert haben, wahrscheinlich nicht zwischen IE10 und IE11 unterscheiden.

Einzigartige IE11-Stile und -Funktionen

Hier sind einige einzigartige Stile und Funktionen, die zur Erkennung von IE11 verwendet werden können speziell:

• _:-ms-fullscreen: Ein Hack zum Auslösen eines Vollbildmodus, der nur in IE11 und höher funktioniert.
• :root .ie11up: Ein Stil, der auf Folgendes abzielt: Root-Element nur in IE11 und höher.

Beispiel CSS:

_:-ms-fullscreen,
:root .ie11up {
  /* Styles specific to IE11 */
}

JavaScript-Alternativen

Wenn die CSS-Erkennung nicht möglich ist, erwägen Sie die Verwendung von JavaScript-Alternativen, wie zum Beispiel:

• Modernizr: Eine beliebte Bibliothek, die Browserfunktionen auf der Seite erkennt laden.
• Auswahl des Benutzeragenten: Verwenden von JavaScript, um die Zeichenfolge des Benutzeragenten auf bestimmte Browserinformationen zu analysieren.

Zusätzliche Überlegungen

• Die Erkennung von Benutzeragenten ist aufgrund der Möglichkeit von Spoofing oder absichtlichem Verstecken des Browsers nicht zuverlässig Identität.
• Verwenden Sie die fähigkeitsbasierte Erkennung hauptsächlich für nicht kritische Funktionen und betrachten Sie progressive Verbesserung und elegante Verschlechterung als ideale Lösung.

Das obige ist der detaillierte Inhalt vonWie kann ich IE11 von IE10 mithilfe von CSS oder JavaScript zuverlässig erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!