ES6 - Browser
Es ist wichtig, die Unterschiede zwischen verschiedenen Browsern zu verstehen, um mit den erwarteten Browsern umgehen zu können. Daher ist es wichtig zu wissen, in welchem Browser Ihre Webseite ausgeführt wird. Um Informationen über den Browser zu erhalten, in dem Ihre Webseite derzeit ausgeführt wird, verwenden Sie das integrierte Navigatorobjekt.
Navigator-Eigenschaften
Es gibt verschiedene Navigator-bezogene Eigenschaften, die Sie auf Ihrer Webseite verwenden können. Das Folgende ist eine Liste der Namen und ihrer Beschreibung.
| Sr.Nr. | Objektbeschreibung |
|---|---|
| 1 | appCodeName Diese Eigenschaft ist eine Zeichenfolge, die den Codenamen des Browsers Netscape für Netscape und Microsoft Internet Explorer für Internet Explorer enthält. |
| 2 | appVersion Diese Eigenschaft ist eine Zeichenfolge, die die Version des Browsers sowie andere nützliche Informationen wie Sprache und Kompatibilität enthält. |
| 3 | language Diese Eigenschaft enthält die aus zwei Buchstaben bestehende Abkürzung für die vom Browser verwendete Sprache. Nur Netscape. |
| 4 | mimTypes[] Diese Eigenschaft ist ein Array, das alle vom Client unterstützten MIME-Typen enthält. Nur Netscape. |
| 5 | platform[] Diese Eigenschaft ist eine Zeichenfolge, die die Plattform enthält, für die der Browser kompiliert wurde. "Win32" für 32-Bit-Windows-Betriebssysteme. |
| 6 | plugins[] Diese Eigenschaft ist ein Array, das alle Plug-Ins enthält, die auf dem Client installiert wurden. Nur Netscape. |
| 7 | userAgent[] Diese Eigenschaft ist eine Zeichenfolge, die den Codenamen und die Version des Browsers enthält. Dieser Wert wird an den Ursprungsserver gesendet, um den Client zu identifizieren. |
Navigator-Methoden
Es gibt verschiedene Navigator-spezifische Methoden. Hier ist eine Liste ihrer Namen und Beschreibungen.
| Sr.Nr. | Methoden & Beschreibung |
|---|---|
| 1 | javaEnabled() Diese Methode bestimmt, ob JavaScript im Client aktiviert ist. Wenn JavaScript aktiviert ist, gibt diese Methode true zurück. Andernfalls wird false zurückgegeben. |
| 2 | plugings.refresh Diese Methode stellt neu installierte Plug-Ins zur Verfügung und füllt das Plugins-Array mit allen neuen Plug-In-Namen. Nur Netscape |
| 3 | preference(name,value) Mit dieser Methode kann ein signiertes Skript einige Netscape-Einstellungen abrufen und festlegen. Wenn der zweite Parameter weggelassen wird, gibt diese Methode den Wert der angegebenen Voreinstellung zurück. Andernfalls wird der Wert festgelegt. Nur Netscape |
| 4 | taintEnabled() Diese Methode gibt true zurück, wenn das Tainting von Daten aktiviert ist. sonst falsch |
Browsererkennung
Der folgende JavaScript-Code kann verwendet werden, um den Namen eines Browsers herauszufinden, und dementsprechend kann dem Benutzer eine HTML-Seite bereitgestellt werden.
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type = "text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera')
! = -1); var ie = (userAgent.indexOf('MSIE')
!= -1); var gecko = (userAgent.indexOf('Gecko')
! = -1); var netscape = (userAgent.indexOf('Mozilla')
! = -1); var version = navigator.appVersion;
if (opera) {
document.write("Opera based browser");
// Keep your opera specific URL here.
} else if (gecko) {
document.write("Mozilla based browser");
// Keep your gecko specific URL here.
} else if (ie) {
document.write("IE based browser");
// Keep your IE specific URL here.
} else if (netscape) {
document.write("Netscape based browser");
// Keep your Netscape specific URL here.
} else {
document.write("Unknown browser");
}
// You can include version to along with any above condition.
document.write("<br /> Browser version info : " + version );
//
-->
</script>
</body>
</html>Die folgende Ausgabe wird bei erfolgreicher Ausführung des obigen Codes angezeigt.
Mozilla based browser
Browser version info : 5.0(Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, wie Gecko) Chrome / 41.0.2272.101 Safari / 537.36