JavaScript ermittelt, ob der Browser IE ist

Als Frontend-Entwickler komme ich an den Tücken des IE nicht vorbei. Andere Browser sind ok, aber der IE ist kaputt. Für diverse Dinge gibt es keine Unterstützung. Davon bin ich überzeugt.

Einige Eigenschaften und Methoden werden nicht von allen IE-Versionen unterstützt, während andere nur teilweise unterstützt werden. Im Projekt ist die Haupttrennlinie IE8. Ich glaube, dass die meisten Projekte, die derzeit gewartet und entwickelt werden, IE8 und höher unterstützen. Daher fasst dieser Artikel kurz zusammen, wie Sie feststellen können, ob es sich bei dem Browser um IE handelt und ob die Version 8.0 vorliegt.

Zunächst werden einige Eigenschaften und Methoden nicht von allen IE-Versionen unterstützt. Sie müssen daher nur feststellen, ob es sich um IE handelt.

Die folgenden drei sind die Methoden, die ich in meinem Projekt verwendet habe. Wenn es neue Methoden gibt, werden sie aktualisiert. Wenn Sie andere, bessere Methoden haben, teilen Sie sie uns gerne mit ~~

• dokument.alle
• Fenster.ActiveXObject
• window.navigator.msSaveOrOpenBlob

//Wählen Sie eine Funktion isIE(){
 // Es wird gesagt, dass Firefox in Zukunft die Methode document.all hinzufügen wird. Es wird daher empfohlen, die anderen beiden Methoden zu verwenden, if (document.all) return true; 
 
 if (!!window.ActiveXObject || "ActiveXObject" im Fenster) return true; 
 
 wenn (window.navigator und window.navigator.msSaveOrOpenBlob) true zurückgibt; 
}

Stellen Sie fest, ob der Browser IE8 oder älter ist

Wie ich oben erwähnt habe, unterstützen die meisten der in Wartung und Entwicklung befindlichen Projekte nur IE8 und höher.

navigator.userAgent

Funktion istIE8(){
 var DEFAULT_VERSION = 8.0; 
 var ua = navigator.userAgent.toLowerCase(); 
 var isIE = ua.indexOf("msie")>-1; 
 var SafariVersion; 
 wenn(istIE){ 
  safariVersion = ua.match(/msie ([\d.]+)/)[1]; 
 } 
 if (safariVersion <= DEFAULT_VERSION ) { 
  returniere wahr 
 };
}

Wenn Sie spezielle Anforderungen haben und Kompatibilität mit niedrigeren Versionen benötigen, dann:

var isIE = !!window.ActiveXObject; 

var isIE6 = isIE && !window.XMLHttpRequest; 

var isIE8 = isIE && !!document.documentMode; 

var isIE7 = isIE && !isIE6 && !isIE8;

CSS-Eigenschaften werden von IE8 und niedriger nicht unterstützt

• Kastenschatten
• linearer Farbverlauf
• Platzhalter für Eingabeaufforderung
• Transparenz rgba
• Rahmenbild
• Randradius
• Rotationsbezogene Transformation
  

Vom Internet Explorer nicht unterstützte Methoden

Durchsuchen Sie PDF-Dateien online. Da der IE keinen integrierten PDF-Reader hat, können Sie sie nur herunterladen und anzeigen.

• Wenn das Backend einen Dateistream zurückgibt: window.navigator.msSaveOrOpenBlob(blob); Weitere Einzelheiten finden Sie in den anderen beiden Blogbeiträgen.
• JavaScript verarbeitet den vom Backend zurückgegebenen PDF-Dateistream und zeigt die PDF-Datei online in der Vorschau an und lädt sie herunter.
• Vue.js +pdf.js verarbeitet die Daten des Antwort-PDF-Dateistreams und die Front-End-Bildvorschau kann nicht heruntergeladen werden
  

Das Download-Attribut des <a>-Tags wird nicht unterstützt. Sie können daher ein neues Iframe erstellen und dessen src-Attribut festlegen.

wenn (istIE()){
	$("a").bind('klicken',function(){
		var elemIF = document.createElement("iframe"); 
		elemIF.src = Dateipfad;
		elemIF.style.display = "keine"; 
		Dokument.Body.AnhängenUntergeordnetesElement(ElementIF);
	});
} anders {
	$("a").attr("href",Dateipfad).attr("download",Dateiname);
}

Oben sind die Details zur JavaScript-Beurteilung aufgeführt, ob es sich bei dem Browser um IE handelt. Weitere Informationen zur JavaScript-Beurteilung im Browser finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!