Comment s'assurer que le code fonctionne sur plusieurs navigateurs ?

Question

Quelle serait la procédure à suivre pour s'assurer que le code fonctionne comme prévu sur plusieurs navigateurs ? Quelle serait la meilleure réponse ?

Answer 1

• Être conforme au XHTML (validateur w3.org)
• Être conforme au CSS (validateur w3.org)
• Utilisez une bibliothèque JavaScript compatible avec tous les navigateurs (moins d'appels directs à JavaScript que possible).

Test, test, test pendant développement. Pas à la fin !

Answer 2

Prenez chaque navigateur et testez-le :D

Vous pouvez utiliser des sites web comme browsershots.org pour voir comment il se présente sur différents navigateurs et plateformes.

Answer 3

La façon la plus complète de le faire est d'effectuer des tests dans différents navigateurs. Une solution simple consisterait à créer un serveur d'hébergement de machines virtuelles, à configurer plusieurs VM, puis à installer une version différente du navigateur sur les différentes VM pour tester complètement votre application.

En l'absence de cela, il existe des outils qui peuvent émuler (mais pas complètement) les navigateurs et vous pouvez les tester.

Answer 4

Les meilleures mesures à adopter sont les suivantes :

1. Utilisez un Réinitialisation CSS (lisez ce qui suit sur le lien, mettez-le en œuvre comme vous le souhaitez)
2. Utilisez un cadre de travail Javascript comme jQuery (cela permettra d'éviter de nombreuses bizarreries entre les navigateurs).
3. Valider votre HTML et votre CSS. Assurez-vous que vous spécifiez un Doctype
4. Vous pouvez tester la plupart des navigateurs via Chrome, Firefox et IE8. IE8 possède un mode IE7 qui peut être utilisé pour tester IE7. Appuyez sur la touche F12 dans IE8 pour obtenir la fenêtre de développement afin de déboguer et de résoudre les problèmes. Assurez-vous que toutes les erreurs JS vous sont signalées. IE6 est un problème difficile, mais il existe un certain nombre de ressources disponibles que vous pouvez probablement trouver pour vous aider.

J'espère que cela vous aidera. Bonne chance.

Answer 5

Évitez le code de pointe.

Oui, je sais, beaucoup d'entre vous vont détester cette réponse. Et si vous n'avez jamais travaillé dans une grande entreprise, vous allez penser que je suis un luddiste. Cependant, je ne peux pas vous dire combien de fois les exigences que l'on m'a données indiquaient spécifiquement "Pas de HTML5" ou "Pas de CSS3" simplement parce que le client était paranoïaque à l'idée qu'IE6 fonctionne exactement comme les autres.

La réponse générale évidente est le test, mais j'irais plus loin. Si vous vous souciez de fonctionner à 100 % dans tous les navigateurs, vous devez définir vos normes. Par exemple, si vous devez coder en fonction d'IE6, devez-vous vous soucier d'imiter les coins arrondis, ce qui est toujours un piratage sur IE6 et les versions inférieures ? Ou bien le client acceptera-t-il une amélioration progressive, comme des coins carrés pour les navigateurs de l'âge sombre et des coins arrondis pour le reste d'entre nous ? Le client spécifie-t-il des polices qui ne peuvent pas être distinguées lorsqu'on affiche la page côte à côte, ou comprend-il que les navigateurs utilisent des moteurs de rendu de police différents ? Est-il possible de ne travailler qu'avec IE6, ou faut-il également prendre en charge le mode Quirks ? Qu'en est-il du rendu avec un lecteur d'écran (accessibilité) ou sans CSS ou Javascript ? Qu'en est-il des appareils mobiles ? Tous ces problèmes étaient valables et mesurables pour ma dernière grande entreprise cliente.

J'aime Les laboratoires de navigation d'Adobe comme ma première ligne de défense pour les tests. Cependant, ce n'est qu'une des nombreuses mesures que je prends, y compris de multiples ordinateurs physiques sur de multiples systèmes d'exploitation se connectant via de multiples connexions par le biais de différents proxys réseau. On ne peut tout simplement pas tester suffisamment.... et même alors s'attendre à trouver une erreur au fur et à mesure du lancement et de la maturation du site.