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

Übersicht über MySQL-Statistiken

MySQL führt SQL durch den Prozess der SQL-Analyse...

Bringen Sie Ihnen bei, ein einfaches Versprechen Schritt für Schritt umzusetzen

Inhaltsverzeichnis Schritt 1: Erstellen Sie das F...

Erstellen und Verwenden von Docker-Datenvolumencontainern

Ein Datenvolumencontainer ist ein Container, der ...

Eine kurze Diskussion darüber, ob CSS-Animationen durch JS blockiert werden

Der Animationsteil von CSS wird von JS blockiert,...

Verbesserung der Wirkung von Hyperlinks im Webdesign und in der Produktion

Hyperlinks ermöglichen es Benutzern, sofort von ei...

Front-End-Statusverwaltung (Teil 1)

Inhaltsverzeichnis 1. Was ist Front-End-Statusver...

Detaillierte Installation und Konfiguration von Subversion (SVN) unter Ubuntu

Wenn Sie Softwareentwickler sind, müssen Sie mit ...

Drei Prinzipien effizienten Navigationsdesigns, die Webdesigner kennen müssen

Das Entwerfen der Navigation für eine Website ist...

XHTML verwendet einige veraltete Elemente in HTML nicht mehr

Wenn wir CSS-Webseitenlayouts erstellen, wissen wi...

Docker-Volumes-Dateizuordnungsmethode

Hintergrund Wenn Sie am Blockchain-Protokollmodul...

So legen Sie MySQL-Fremdschlüssel für Anfänger fest

Inhaltsverzeichnis Die Rolle von Fremdschlüsseln ...

Lösung zum automatischen Stoppen des MySQL-Dienstes

Dieser Artikel stellt hauptsächlich die Lösung fü...