IE7 et IE8 Test Guide: Mode de test et de compatibilité rapide
Comme nous le savons tous, les tests dans IE7 et IE8 peuvent être délicats! C'est même dans le meilleur des cas. Si vous n'utilisez pas d'outils ou de machines virtuelles, cet article partagera un moyen de tester rapidement si votre disposition est corrompue dans IE7 et IE8. Il vous suffit d'inclure la balise Meta suivante directement après la balise START . Voici un exemple de menu cassé trouvé en utilisant le mode standard IE8.
Spécifiez le mode de compatibilité des documents IE
Vous pouvez utiliser le mode document pour contrôler comment Internet Explorer interprète et affiche les pages Web.
X-UA-Compatible
Instructions d'en-tête Internet Explorer imite le comportement d'Internet Explorer 8 lors de la détermination de la façon d'afficher une page Web. En savoir plus sur la définition de la compatibilité des documents.
Votre page peut ressembler à ceci:
我的网页 内容在此处。
ie Developer Tools
Si nous vérifions les outils du développeur IE, nous pouvons voir qu'il s'exécute en mode document standard IE8 (appuyez sur F12 pour ouvrir les outils du développeur IE). Ici, nous pouvons facilement basculer entre les versions, mais la version que nous spécifions dans la balise Meta devient la version par défaut de la page.
Pourquoi utiliser des balises Meta?
Vous vous demandez peut-être pourquoi vous devriez utiliser des balises Meta lorsque vous pouvez modifier les modèles dans les outils de développement IE. Si vous chargez une feuille de style IE8 à l'aide d'une instruction conditionnelle, la balise Meta force la feuille de style à charger.
ie7
Pour IE7, la même chose, utilisez simplement la balise Meta suivante:
(Le code de balise Meta de IE7 doit être inséré ici)
Plus de pensées
Veuillez noter que je suis à peu près sûr que cela ne fonctionnera que lorsque vous utilisez IE9 (pas dans FF ou Chrome - corrigez-moi si je me trompe), et après avoir ajouté la balise Meta, vous avez besoin pour faire un rafraîchissement de page difficile. Je ne suis pas sûr de IE10, je ne l'ai pas encore utilisé!
Les questions fréquemment posées pour les tests IE7 et IE8
Internet Explorer 7 et 8 a des moteurs de rendu différents, ce qui signifie qu'ils interprètent et affichent le contenu de la page Web différemment. IE7 utilise le moteur Trident 3.1, tandis que IE8 utilise le moteur Trident 4.0. Cela peut entraîner l'apparence et la fonction de votre site Web ou de votre application différemment dans chaque navigateur. Par exemple, IE8 prend en charge CSS3 et HTML5 mieux, donc si votre site Web utilise ces technologies, il peut ne pas être affiché correctement dans IE7. Assurez-vous donc de tester votre site Web dans les deux navigateurs pour assurer la compatibilité.
Il existe plusieurs façons de tester votre site Web dans des versions plus anciennes d'Internet Explorer. Une approche consiste à utiliser une machine virtuelle (VM) qui doit exécuter la version IE spécifique. Microsoft fournit des machines virtuelles gratuites à cet effet. Une autre option consiste à utiliser un navigateur en ligne pour tester des services tels que Browserling ou Browserstack. Ces services vous permettent de tester votre site Web dans une variété de navigateurs et de versions, y compris IE7 et IE8, sans rien installer.
Bien que l'utilisation de l'ancien Explorer Internet ait chuté au fil du temps, certains utilisateurs comptent encore sur ces navigateurs. Cela peut être dû aux préférences personnelles, aux politiques de l'entreprise ou à l'utilisation de matériel plus ancien qui ne prend pas en charge les nouveaux navigateurs. En testant votre site Web dans IE7 et IE8, vous pouvez vous assurer qu'il est accessible et disponible pour tous les utilisateurs, quel que soit le navigateur qu'ils choisissent.
Lors des tests dans IE7 et IE8, certains problèmes courants incluent des problèmes de mise en page, des erreurs JavaScript et des problèmes de style CSS. Ces navigateurs ont moins de support pour les technologies Web modernes que les nouveaux navigateurs, ce qui peut causer ces problèmes. Par exemple, IE7 ne prend pas en charge entièrement CSS2.1, et ni IE7 ni IE8 ne prend en charge CSS3 ou HTML5. Cela signifie que certains styles ou fonctionnalités peuvent ne pas fonctionner comme prévu dans ces navigateurs.
Il existe plusieurs stratégies pour résoudre les problèmes de compatibilité lors des tests dans IE7 et IE8. Une façon consiste à utiliser des annotations conditionnelles pour fournir à ces navigateurs différents CSS ou JavaScript. Une autre approche consiste à utiliser une bibliothèque JavaScript comme Modernizr, qui détecte les fonctionnalités disponibles dans le navigateur d'un utilisateur et vous permet d'écrire du code qui peut s'exécuter dans différents navigateurs. Vous pouvez également utiliser CSS Hacks ou une feuille de style séparée pour cibler des versions spécifiques de IE.
Oui, IE7 et IE8 sont livrés avec des outils de développement intégrés qui peuvent aider à les tests. Ces outils vous permettent de vérifier et de modifier HTML, CSS et JavaScript, afficher les dispositions rendues et les scripts de débogage. Cependant, les outils de développeur de ces navigateurs sont moins avancés que ceux des nouveaux navigateurs ou des outils de développeur dans des navigateurs tels que Chrome et Firefox.
Certaines meilleures pratiques pour les tests dans IE7 et IE8 incluent le début des tests au début du processus de développement, les tests dans divers environnements et les résolutions d'écran, et l'utilisation de méthodes système pour identifier et résoudre les problèmes. Il est également important de hiérarchiser les problèmes en fonction de l'impact du problème sur l'expérience utilisateur et du pourcentage d'utilisateurs affectés.
Oui, il existe des outils qui automatisent les tests de IE7 et IE8. Il s'agit notamment du sélénium, un outil populaire pour l'automatisation des interactions du navigateur Web et des services tels que Browserstack et Sauce Labs qui fournissent des tests automatisés de navigateur. Cependant, n'oubliez pas que les tests automatisés devraient compléter et ne pas remplacer les tests manuels.
Pour vous assurer que votre site Web est accessible aux utilisateurs IE7 et IE8, vous devez suivre les normes Web et les meilleures pratiques, utiliser des améliorations progressives pour fournir des niveaux fonctionnels de base à tous les utilisateurs et tester votre site Web dans ces navigateurs. Vous pouvez également utiliser des outils tels que l'outil d'évaluation de l'accessibilité Web (WAVE) pour vérifier les problèmes d'accessibilité.
Si vous rencontrez des problèmes insolubles lors des tests dans IE7 et IE8, vous pouvez demander l'aide de diverses communautés en ligne. Des sites Web comme Stack Overflow ont une grande communauté de développeurs qui peuvent fournir des conseils et des solutions. Vous pouvez également consulter la documentation et les ressources en ligne, ou envisager d'embaucher un développeur Web professionnel ou un service de test.
Veuillez noter qu'en raison de l'absence de code de balise Meta d'IE7 dans le texte d'origine, je ne peux pas l'ajouter dans la sortie. Veuillez fournir le texte d'origine complet ou le code de balise META IE7 afin que je puisse compléter la pseudo-originalité plus en détail.
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!