3 Lösungen, damit Ihre Website alte Versionen der Browser IE6, 7, 8 und 9 unterstützt

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

So fügen Sie in JS eine Abbruchfunktion zu einem Versprechen hinzu

Inhaltsverzeichnis Überblick Promise Race Methode...

Vue-Beispielcode mit dem Animationseffekt „Übergangskomponente“

Die Übergangsdokumentadresse definiert eine Hinte...

So löschen Sie eine MySQL-Tabelle

Das Löschen einer Tabelle in MySQL ist sehr einfa...

Lösung für MySQL-Replikationsfehler aufgrund voller Festplatte

Inhaltsverzeichnis Fallbeispiel Lösung des Proble...

Verwendung von TypeScript-Generics

Inhaltsverzeichnis 1. Einfach zu bedienen 2. Verw...

Bei der anonymen Mysql-Anmeldung kann keine Datenbankproblemlösung erstellt werden

Häufig gestellte Fragen Der Zugriff für den Benut...

Verwenden Sie CSS, um die Breite von INPUT in TD festzulegen

Als ich kürzlich mit C# ein Webprogramm erstellte,...

HTML (CSS-Stilspezifikation) muss lauten

CSS-Stilspezifikationen 1. Klassenauswahl 2. Tag-...

Einige Möglichkeiten zum Eliminieren doppelter Zeilen in MySQL

SQL-Anweisung /* Einige Methoden zum Eliminieren ...

Eine kurze Diskussion darüber, wie man Div und Tabelle auswählt und kombiniert

Das Seitenlayout war mir schon immer ein Anliegen...

js, css, html bestimmen die verschiedenen Versionen des Browsers

Verwenden Sie reguläre Ausdrücke, um die IE-Browse...

Syntax-Alias-Problem basierend auf Löschen in MySQL

Inhaltsverzeichnis MySQL-Löschsyntax-Aliasproblem...