Comment vérifier la compatibilité du navigateur avec votre page web

Un des plus gros problèmes avec la création de pages Web est de veiller à ce que ces pages sont multi-navigateur et appareil compatible. Cela signifie qu'ils doivent bien paraître et fonctionner correctement en autant de navigateurs et sur autant de dispositifs que possible.

De nombreux éditeurs de code comprennent une sorte d'outil de compatibilité du navigateur qui jette un regard sur toutes les balises dans vos fichiers et détermine si ces balises et les attributs présents sont conformes aux dernières recommandations du W3C pour votre DTD choisi dans les navigateurs les plus populaires actuelles.

Ces outils devraient être en mesure d'identifier rapidement les problèmes de codage, comme si le code contient les balises obsolètes comme

et , qui devraient être identifiés et modifiés ou supprimés.

Bien que le test de compatibilité du navigateur généralement ne vous montre pas comment toutes les erreurs trouvées va chercher dans les navigateurs qui ne supportent pas une étiquette ou un attribut particulier, les résultats des tests souvent la liste le type de navigateur et la version qui peuvent avoir des difficultés à afficher le contenu identifié de telle sorte que vous pouvez faire vos propres tests pour corriger l'erreur.




Par exemple, en utilisant l'outil de compatibilité du navigateur de Dreamweaver, vous pourriez voir une erreur. L'outil identifie et décrit le texte question Jog Trois de Pixel, qui ne peut pas être correctement affichée dans Internet Explorer 6.0.

image0.jpg

Pour exécuter le test de compatibilité du navigateur dans un fichier HTML unique, ouverte dans Dreamweaver, suivez ces étapes:

  1. Dans l'onglet Compatibilité du navigateur dans le panneau des résultats, cliquez sur le bouton vert de flèche dans le coin supérieur gauche et choisissez Vérifier la compatibilité du navigateur à partir du menu déroulant.

  2. Selon le nombre de problèmes rencontrés, le rapport peut prendre quelques minutes pour générer. Sois patient.

    Comme les autres onglets dans le panneau des résultats, les résultats de cet affichage de l'outil dans une liste au bas du panneau des résultats avec une erreur, un avertissement ou icône de message à côté de chaque numéro trouvé. En outre, ce panneau affiche des résultats détaillés sur chaque numéro trouvé sur le côté droit du panneau.

  3. Pour corriger les problèmes trouvés, double-cliquez sur la ligne dans le panneau des résultats qui contient la question, et Dreamweaver ouvre automatiquement la page qui contient l'erreur.

Le code en question est mise en évidence et / ou affiché avec un trait de soulignement ondulé rouge ou vert dans le mode Code de Dreamweaver pour aider à faire une correction ou un réglage. Pour révéler une fenêtre tip pop-up dans le code qui identifie l'erreur et répertorie les navigateurs qui ne supportent pas cela, placez votre curseur sur le dessus du trait de soulignement ondulé.

image1.jpg

Aussi grand que l'outil de compatibilité avec les navigateurs est, gardez à l'esprit qu'il ne vérifie que pour la validité du code dans un sous-ensemble des navigateurs et versions de navigateur. Qu'est-ce qu'il ne fait pas est de vérifier l'exactitude du code ou de toute fonctionnalité de tout javascript, jQuery, ou tout autre code utilisé dans le fichier (s).


» » » » Comment vérifier la compatibilité du navigateur avec votre page web