3 Lösungen, damit Ihre Website alte Versionen der Browser IE6, 7, 8 und 9 unterstützt
|
Obwohl Microsoft später viel Forschung und Entwicklung in den Browser gesteckt hat, hinkt der moderne IE-Browser oft den WebKit-basierten Browsern und Firefox hinterher. Wir müssen uns auch an frühere Versionen des Internet Explorers anpassen. Mit den folgenden Tipps wird Ihre Website schneller und läuft auf dem Flaggschiff-Browser von Microsoft sogar auf magische Weise besser! htmlshiv.js Remys HTML5shiv verwendet JavaScript, um HTML5-Elemente (wie Haupt-, Kopf- und Fußzeilen usw.) zu erstellen. Mit JavaScript erstellte Elemente sind bis zu einem gewissen Grad stilisierbar. Wir können viel Zeit damit verbringen, darüber nachzudenken, wie das funktioniert, aber wen interessiert das schon? Diese Strategie ist nach wie vor ein Muss auf allen Produktwebsites. Code kopieren Der Code lautet wie folgt:<!--[wenn IE 9]> <script src="dist/html5shiv.js"></script> <![endif]--> selectivizr.js Selectivizr.js ist eine unglaubliche Ressource zum Polyfilling nicht unterstützter CSS-Selektoren und -Eigenschaften, einschließlich des wichtigen letzten untergeordneten Elements. Bei einem kürzlichen Redesign habe ich selectivizr eingebettet und dabei keine Details zu älteren IE-Browsern übersehen. Hier ist mein Implementierungscode: Code kopieren Der Code lautet wie folgt:<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]--> Ein absolutes Muss für moderne Projekte. Wird nur im alten IE geladen <html> Bedingte Kommentare Sie müssen die unangenehmste Situation unten gesehen haben. Aber ob hässlich oder nicht, dieser Code funktioniert tatsächlich genau wie erwartet: Code kopieren Der Code lautet wie folgt:<!DOCTYPE html> <!--[if lt IE 7 ]> <html class="ie6" lang="de"> <![endif]--> <!--[if IE 7 ]> <html class="ie7" lang="de"> <![endif]--> <!--[if IE 8 ]> <html class="ie8" lang="de"> <![endif]--> <!--[if IE 9 ]> <html class="ie9" lang="de"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="de"> <!--<![endif]--> Dieser Codeausschnitt erfordert oder wartet nicht auf JavaScript und erfordert keine umfangreiche JavaScript-Bibliothek. Die von Ihnen definierte Stilklasse wird sofort wirksam, ohne Begrüßungsbildschirm. Obwohl der Internet Explorer im Vergleich zu seinen Konkurrenten aufholt, ist der ältere IE-Browser vor allem in Entwicklungsländern immer noch relativ beliebt. Die gute Nachricht ist, dass diese Ressourcen auf allen modernen Browsern hervorragend funktionieren und nicht viel kosten! |
<<: Eine detaillierte Einführung in die Betriebssystemebenen von Linux
>>: Über das Problem der vertikalen Zentrierung von img und span in div
Artikel empfehlen
Zwei Möglichkeiten, damit IE6 Bilder im PNG-24-Format normal anzeigt
Methode 1: Bitte fügen Sie den folgenden Code nach...
So beheben Sie das Eingabe-Jitter-Problem beim WeChat-Applet
Finden Sie das Problem Schauen wir uns zunächst d...
Gemeinsame Nutzung verschiedener Methoden zum Deaktivieren des Seitencaches
Heute bin ich beim Entwickeln auf eine Methode ge...
JavaScript zur Implementierung eines einfachen Web-Rechners
Hintergrund Da ich einem neuen Projektteam zugewi...
So handhaben Sie den Token-Ablauf in WeChat-Miniprogrammen
Inhaltsverzeichnis Fazit zuerst Frage Lösung Verw...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17
In diesem Artikel wird die Installations- und Kon...
Rufen Sie die Schriftart entsprechend dem Schriftnamen auf, damit der Browser die gewünschte Schriftart anzeigt
Frage 1: Wie weisen Sie den Browser an, die gewüns...
30 kostenlose hochwertige englische Ribbon-Schriftarten
30 kostenlose englische Ribbon-Schriftarten in hoh...
Tomcat verwendet Thread-Pool zur Verarbeitung gleichzeitiger Remote-Anfragen
Wenn wir verstehen, wie Tomcat gleichzeitige Anfr...
Geschickte Nutzung von WebKit-Box-Reflect zur Erzielung verschiedener dynamischer Effekte (Zusammenfassung)
In einem Artikel vor langer Zeit habe ich über di...
18 Killer-JavaScript-Einzeiler
Vorwort JavaScript erfreut sich weiterhin wachsen...
VUE+Express+MongoDB-Frontend- und Backend-Trennung zur Realisierung einer Notizwand
Ich habe vor, eine Reihe von Haftnotizwänden zu r...
Implementierung von MySQL-indexbasierten Stresstests
1. Datenbankdaten simulieren 1-1 Datenbank- und T...
MYSQL METADATA LOCK (MDL LOCK) Theorie und Sperrtyptest
Inhaltsverzeichnis MYSQL METADATA LOCK (MDL LOCK)...
CocosCreator Universal Framework Design Network
Inhaltsverzeichnis Vorwort WebSocket verwenden Er...