Comment gérer l'affichage de pages incomplètes en mode de compatibilité du navigateur 360-tutoriel CSS-php.cn

Comment gérer l'affichage de pages incomplètes en mode de compatibilité du navigateur 360

php中世界最好的语言

Libérer： 2018-05-14 10:38:35

original

15838 Les gens l'ont consulté

Cette fois, je vais vous montrer comment gérer l'affichage incomplet de la page en mode de compatibilité du navigateur 360. Quelles sont les précautions face à l'affichage incomplet du navigateur 360. page du mode de compatibilité. Ce qui suit est un cas pratique. Jetons un coup d'oeil.

Comme nous le savons tous, les navigateurs nationaux traditionnels sont des navigateurs dual-core : basés sur le noyau Webkit pour une navigation à grande vitesse sur les sites Web couramment utilisés. Le noyau basé sur IE est utilisé pour être compatible avec les services bancaires en ligne et les anciennes versions de sites Web. En prenant comme exemple plusieurs navigateurs 360, nous donnons la priorité au rendu des sites Web grand public via le noyau Webkit, et seul un petit nombre de sites Web sont rendus via le noyau IE pour garantir la compatibilité des pages. Il y a longtemps, notre principale méthode de contrôle était une bibliothèque d'URL d'une taille de plusieurs centaines de kilo-octets, une bibliothèque d'URL collectée grâce à des opérations manuelles à long terme.
Bien que nous nous efforcions d'améliorer la précision de la vérification automatique du navigateur grâce aux commentaires des utilisateurs et à la technologie de jugement intelligent des balises de code. Mais dans de nombreux cas, nous ne parvenons toujours pas à obtenir une réponse correcte à 100 %. Par conséquent, nous avons ajouté une méthode de contrôle : la balise Meta de contrôle du noyau. Tant que vous ajoutez une balise Meta à votre site Web et indiquez à 360 Browser quel noyau doit être utilisé pour afficher cette URL, 360 Browser passera immédiatement au noyau correspondant après avoir lu cette balise. Et appliquez ce comportement à toutes les URL sous ce nom de domaine de deuxième niveau.
Actuellement, cette fonctionnalité a été implémentée dans tous les navigateurs 360Security. Nous recommandons également que d'autres fournisseurs de navigateurs prennent en charge cette implémentation. Faites de cette étiquette de contrôle une norme industrielle.
Exemple de code
Ajoutez une ligne de code dans la balise head :

<html>
    <head>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
    </head>
    <body>
    </body>
</html>

Copier après la connexion

La valeur du contenu est celle de webkit, ie-comp ou ie-stand, qui est sensible à la casse et signifie utiliser respectivement le webkit, le noyau compatible IE et le noyau standard IE.
Si la page doit utiliser le noyau ultra-rapide par défaut, ajoutez la balise :
Si la page doit utiliser le noyau compatible IE par défaut, ajoutez la balise :
Si la page doit utiliser le noyau standard d'IE par défaut, ajoutez la balise :
Remarque : les guillemets sont requis. S'il est en anglais, copiez simplement le code et vérifiez si le format est correct. Veuillez le corriger vous-même.
Détails techniques de chaque noyau de rendu
Kernel Webkit IE compatible avec les standards IE
Mode document Chrome 21 IE6/7 IE9/IE10/IE11 (selon l'IE de l'utilisateur)
Support HTML5 OUI NON OUI
ActiveXContrôleSupport NON OUI OUI

Remarques
Cette fonction est en fait très similaire à X-UA-Compatible

d'aujourd'hui d'IE9 Lorsque j'ai essayé un morceau de code js, j'ai deviné qu'en mode de compatibilité 360, la version IE n'était pas la version la plus élevée et que le code était relativement correct. Par exemple, le code suivant, le code doit être écrit dans le code js. balise body dans le navigateur 360. Le navigateur à l'intérieur ne fonctionne pas

<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>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Mise en page fixe à gauche et adaptative à droite

Explication détaillée de l'attribut Float dans CSS

Tutoriel image et texte sur l'attribut box-sizing de CSS3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!