js, css, html bestimmen die verschiedenen Versionen des Browsers
|
Verwenden Sie reguläre Ausdrücke, um die IE-Browserversion zu bestimmen Stellen Sie fest, ob es sich um den IE-Browser handelt if (document.all) { alert("Dies ist der IE-Browser");} Stellen Sie fest, ob es sich um den IE6-Browser handelt Methode 1: if ( /MSIE 6.0/ig.test(navigator.appVersion) ) {alert("Dies ist der IE6-Browser");} oder /MSIE 8/.test(navigator.appVersion) Methode 2: var IE = !+'\v1'; IE6 = IE && ([/MSIE(\d)\.0/i.exec(navigator.userAgent)][0][1] == 6) Stellen Sie fest, ob es sich um den IE7-Browser handelt if ( /MSIE 7.0/ig.test(navigator.appVersion) ) {alert("Dies ist der IE7-Browser");} Beurteilen Sie den IE-Browser auf der Grundlage des oben Gesagten und beurteilen Sie andere IE-Browser nach der gleichen Logik. Identifizieren Sie jeden Browser anhand der Informationen zur Browserversion var _uat=navigator.userAgent; wenn(_uat.indexOf("MSIE 6.0")>0) alert("ie6"); sonst wenn(_uat.indexOf("MSIE 7.0")>0) alert("ie7"); sonst wenn(_uat.indexOf("MSIE 8.0")>0) alert("ie8"); sonst wenn(_uat.indexOf("Firefox")>0) Alarm("Firefox"); CSS bestimmt den Browser #Beispiel{Farbe:rot ;} /*Firefox*/ * html #beispiel{farbe:blau;} /*ie6*/ *+html #beispiel{farbe:grün;} /*ie7*/ HTML bestimmt den Browser 1. <!--[if !IE]><!-->Verfügbar außer IE<!--<![endif]--> 2. <!--[if IE]> Alle IE erkennen <![endif]--> 3. <!--[if IE 6]> Nur IE6 erkennt <![endif]--> 4.<!--[if lt IE 6]> IE6 und niedrigere Versionen erkennen<![endif]--> 5. <!--[if gte IE 6]> IE6 und höhere Versionen erkennen <![endif]--> 6.<!--[if IE 7]> Nur IE7 erkennt<![endif]--> 7. <!--[if lt IE 7]> IE7 und niedrigere Versionen erkennen <![endif]--> 8. <!--[if gte IE 7]> IE7 und höhere Versionen erkennen <![endif]--> Versionsnummern in CSS- und JS-Links in HTML Hintergrund Suchen Sie in der Suchmaschine nach dem Schlüsselwort „.htaccess-Cache“, und Sie finden zahlreiche Tutorials zum Einrichten des Website-Dateicaches. Durch das Einrichten können Sie CSS, JS und andere Dateien, die im Browser nicht häufig aktualisiert werden, zwischenspeichern, sodass der Browser bei jedem Besuch Ihrer Website CSS, JS usw. aus dem Browsercache abrufen kann, anstatt sie von Ihrem Server zu lesen. Dies beschleunigt das Öffnen der Website bis zu einem gewissen Grad und spart Ihren Serververkehr. Frage Jetzt kommt das Problem. Die von .htaccess festgelegten CSS- und JS-Caches haben eine Ablaufzeit. Wenn CSS und JS im Browser des Besuchers zwischengespeichert wurden, liest der Browser CSS und JS nur aus dem Cache, bevor diese CSS- und JS-Caches ablaufen. Wenn Sie CSS und JS auf dem Server ändern, werden diese Änderungen im Browser wiederkehrender Kunden nicht geändert, es sei denn, der wiederkehrende Kunde drückt Strg + F5, um Ihre Website-Seite zu aktualisieren, oder löscht den Browser-Cache manuell. Eine Website hat Zehntausende Besucher, von denen viele wiederkehrende Besucher sind. Sie können nicht jeden Besucher auffordern, den Cache nach der Aktualisierung des CSS zu aktualisieren. Wie würden Sie also mit diesem Problem umgehen? Lösung 1. Ändern Sie den CSS-Dateinamen: Eigentlich ist es ganz einfach, dieses Problem zu lösen. Der Cache wird durch den Dateinamen gekennzeichnet. Nachdem Sie den CSS-Dateiinhalt der Website aktualisiert haben, ändern Sie einfach den CSS-Dateinamen. Beispielsweise lautet die CSS-Aufrufanweisung im ursprünglichen HTML wie folgt: <link rel="stylesheet" href="http://www.example.com/style.css" type="text/css" media="screen" /> Ändern Sie einfach den CSS-Dateinamen: <link rel="stylesheet" href="http://www.example.com/index.css" type="text/css" media="screen" /> Eine andere Möglichkeit, den CSS-Dateinamen zu ändern, besteht darin, die Versionsnummer in den Dateinamen zu schreiben, zum Beispiel: <link rel="stylesheet" href="http://www.example.com/index.v2011.css" type="text/css" media="screen"/> Nachdem die CSS-Datei aktualisiert wurde, ändern Sie einfach die Versionsnummer im Dateinamen: <link rel="stylesheet" href="http://www.example.com/index.v2012.css" type="text/css" media="screen"/> 2. Fügen Sie der CSS-Datei eine Versionsnummer hinzu: Tatsächlich ist es etwas mühsam, den CSS-Dateinamen jedes Mal zu ändern, wenn die CSS-Datei geändert wird. Dann können wir der geladenen CSS-Anweisung (also dem Inhalt nach ? im CSS-Link) eine Versionsnummer hinzufügen. Beispielsweise lautet die CSS-Aufrufanweisung im ursprünglichen HTML wie folgt: <link rel="stylesheet" href="http://www.example.com/style.css?v=2011" type="text/css" media="screen"/> Ändern Sie einfach die Versionsnummer der CSS-Datei auf 2012: <link rel="stylesheet" href="http://www.example.com/style.css?v=2012" type="text/css" media="screen"/> Zusammenfassen Tatsächlich hat das Fragezeichen nach der CSS-Datei keine praktische Auswirkung und kann nur als Suffix verwendet werden. Wenn Sie die Methode mit Fragezeichen und Parameter verwenden, können Sie die Versionsnummer und andere Informationen hinzufügen und gleichzeitig den Browser-Cache aktualisieren. Ein kleines Detail kann uns großen Komfort bringen. |
<<: HTML-Versionsdeklaration DOCTYPE-Tag
>>: Detaillierte Erklärung der JavaScript-Funktion dieses Zeigeproblems
Artikel empfehlen
So verwenden Sie Nginx als Load Balancer für MySQL
Hinweis: Die Nginx-Version muss 1.9 oder höher se...
Lösung für Klickereignisfehler bei Verwendung von Better-Scroll bei der Vue-Mobilentwicklung
Vor Kurzem habe ich Vue verwendet, um das Entwick...
Detaillierte Erklärung zur Installation und vollständigen Deinstallation von MySQL mit apt-get unter Ubuntu
1. Installieren Sie MySQL: udo apt-get installier...
So verwenden Sie Docker-Container zur Implementierung der Proxy-Weiterleitung und Datensicherung
Vorwort Wenn wir Anwendungen als Docker-Container...
Div adaptive Höhe füllt automatisch die verbleibende Höhe
Szenario 1: HTML: <div Klasse="äußere&quo...
So begrenzen Sie die Zugriffshäufigkeit, die Downloadrate und die Anzahl gleichzeitiger Verbindungen in Nginx
1. Übersicht über Module und Anweisungen zur Begr...
JS realisiert den Effekt der Baidu News-Navigationsleiste
In diesem Artikel wird der spezifische JS-Code zu...
Was Sie über Responsive Design wissen müssen
Responsive Design bedeutet, während des Website-E...
Lösen Sie das Problem des Navicat für Mysql-Verbindungsfehlers 1251 (Verbindung fehlgeschlagen)
Da das, was ich zuvor geschrieben habe, nicht det...
9 Möglichkeiten zum Ein- und Ausblenden von CSS-Elementen
Bei der Erstellung von Webseiten ist das Anzeigen...
Lösung zum Vergessen des Root-Passworts für selbst erstelltes MySQL in Alibaba Cloud Linux CentOS 7.2
Verifizierungsumgebung: [root@~~/]# rpm -qa | gre...
MySQL-Gleitaggregation/Jahresaggregation – Prinzip und Anwendungsbeispielanalyse
In diesem Artikel werden anhand von Beispielen di...
Detaillierte Erläuterung der Komponentenentwicklung des Vue-Dropdown-Menüs
In diesem Artikelbeispiel wird der spezifische Co...
Zwei Lösungen für das 404-Problem beim Aktualisieren des Vue-Paket-Upload-Servers
1: Nginx-Serverlösung, ändern Sie die .conf-Konfi...
So finden Sie langsame SQL-Anweisungen in MySQL
Wie finde ich langsame SQL-Anweisungen in MySQL? ...