Heim >Web-Frontend >CSS-Tutorial >Umgang mit unvollständiger Seitenanzeige im 360-Browser-Kompatibilitätsmodus
Umgang mit unvollständiger Seitenanzeige im 360-Browser-Kompatibilitätsmodus
- php中世界最好的语言Original
- 2018-05-14 10:38:3515833Durchsuche
Dieses Mal zeige ich Ihnen, wie Sie mit der unvollständigen Anzeige der Seite im 360-Browser-Kompatibilitätsmodus umgehen. Was sind die Vorsichtsmaßnahmen für den Umgang mit der unvollständigen Anzeige des 360-Browsers? Das Folgende ist ein praktischer Fall.
Wie wir alle wissen, sind die Mainstream-Browser in China Dual-Core-Browser: basierend auf dem Webkit-Kernel für schnelles Surfen auf häufig verwendeten Websites. Der IE-basierte Kernel soll mit Online-Banking und alten Versionen von Websites kompatibel sein. Am Beispiel mehrerer 360-Browser legen wir Wert darauf, Mainstream-Websites über den Webkit-Kernel zu rendern, und nur eine kleine Anzahl von Websites wird über den IE-Kernel gerendert, um die Seitenkompatibilität sicherzustellen. In der Vergangenheit war unsere Hauptkontrollmethode lange Zeit eine URL-Bibliothek mit einer Größe von mehreren hundert Kilobyte, eine URL-Bibliothek, die durch langfristige manuelle Vorgänge zusammengestellt wurde.
Obwohl wir bestrebt sind, die automatische Überprüfungsgenauigkeit des Browsers durch Benutzerfeedback und intelligente Code-Tag-Beurteilungstechnologie zu verbessern. Aber in vielen Fällen können wir es immer noch nicht zu 100 % richtig hinbekommen. Deshalb haben wir eine Kontrollmethode hinzugefügt: das Kernel-Kontroll-Meta-Tag. Solange Sie Ihrer Website ein Meta-Tag hinzufügen und 360 Browser mitteilen, welcher Kern zum Rendern dieser URL verwendet werden soll, wechselt 360 Browser nach dem Lesen dieses Tags sofort zum entsprechenden Kern. Und wenden Sie dieses Verhalten auf alle URLs unter diesem Domainnamen der zweiten Ebene an.
Derzeit ist diese Funktion in allen 360Security-Browsern implementiert. Wir empfehlen außerdem, dass andere Browseranbieter diese Implementierung unterstützen. Machen Sie dieses Kontrolletikett zum Industriestandard.
Codebeispiel
Fügen Sie eine Codezeile im Head-Tag hinzu:
<html> <head> <meta name="renderer" content="webkit|ie-comp|ie-stand"> </head> <body> </body> </html>
Der Inhaltswert ist einer von webkit, ie-comp oder ie-stand, wobei die Groß-/Kleinschreibung beachtet wird und bedeutet jeweils die Verwendung von Webkit, IE-kompatiblem Kernel und IE-Standardkernel.
Wenn die Seite standardmäßig den ultraschnellen Kernel verwenden muss, fügen Sie das Tag hinzu:
Wenn die Seite den IE-kompatiblen Kernel verwenden muss Fügen Sie standardmäßig das Tag hinzu:
Wenn die Seite standardmäßig den IE-Standardkern verwenden muss, fügen Sie das Tag hinzu:
Hinweis: Anführungszeichen sind erforderlich. Wenn es auf Englisch ist, kopieren Sie einfach den Code und prüfen Sie, ob das Format korrekt ist. Bitte korrigieren Sie es selbst.
Technische Details zu jedem Rendering-Kernel
Kernel Webkit IE kompatibel mit IE-Standards
Dokumentmodus Chrome 21 IE6/7 IE9/IE10/IE11 (abhängig vom IE des Benutzers)
HTML5-Unterstützung JA NEIN JA
ActiveXSteuerungUnterstützung NEIN JA JA
Bemerkungen
Diese Funktion ist tatsächlich der X-UA-Kompatibilität von IE9 sehr ähnlich
Today’s Als ich einen Teil des JS-Codes ausprobierte, vermutete ich, dass die IE-Version im 360-Kompatibilitätsmodus nicht die höchste Version war und der Code relativ korrekt war. Der folgende Code muss beispielsweise in geschrieben werden Body-Tag im 360-Browser. Der darin enthaltene Browser funktioniert nicht
<body>
<p id="dxy"></p>
<script>
var getId=function(id){
return "string"==typeof(id)?document.getElementById(id):id;
}
alert("ok");
getId("dxy").innerHTML="<font color=red>脚本之家</font>";
</script>
</body>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Fest auf der linken Seite und adaptives Layout auf der rechten Seite
Detaillierte Erklärung des Float-Attributs in CSS
Bild- und Text-Tutorial zum Box-Sizing-Attribut von CSS3
Das obige ist der detaillierte Inhalt vonUmgang mit unvollständiger Seitenanzeige im 360-Browser-Kompatibilitätsmodus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!