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

http://browsershots.org/

c'est le site que vous cherchez. Vous devez entrer l'URL de votre site Web, sélectionner les navigateurs que vous voulez vérifier et cliquer sur "soumettre". Il vous renverra des captures d'écran de votre site Web en fonction des navigateurs que vous avez sélectionnés.

Answer 2

Il n'existe pas de méthode unique pour tester la compatibilité de l'application avec les navigateurs web. La première chose à garder à l'esprit est de comprendre les normes établies pour l'application, de définir le nombre de navigateurs et de versions à prendre en charge. Une fois que nous savons ce que nous devons prendre en charge, nous pouvons respecter les points suivants pour assurer la compatibilité :

1. Test en cours de développement. Pas à la fin.
2. Évitez le code de pointe. Les nouvelles fonctions qui s'appuient sur les normes ES5 ou ES6 ne sont prises en charge que par les navigateurs modernes et nécessitent donc des polyfills dans les navigateurs plus anciens. Utilisez donc la forme la plus native de Javascript dans la mesure du possible.
3. Utilisez les fonctions jQuery si elles sont incluses dans le projet. Elles permettent de résoudre la plupart des problèmes liés au javascript dans les différents navigateurs. S'il n'est pas inclus, utilisez simplement sa fonction particulière dans votre projet dont vous pourriez avoir besoin.
4. En ce qui concerne les CSS, essayez d'utiliser les méthodes traditionnelles de mise en page et de stylisation plutôt que les dernières méthodes CSS3 qui ne sont peut-être pas prises en charge par les anciens navigateurs (comme la propriété transform).
5. Des outils comme Browserstack peuvent être utilisés pour voir les captures d'écran de la façon dont le CSS s'est avéré sur différentes machines.
6. Faites des tests sur différentes machines et différents navigateurs. Bien que Chrome fournisse un superbe émulateur, lorsque le code s'exécute réellement sur ce système d'exploitation et cet écosystème particuliers, il peut se comporter de manière incorrecte. La meilleure façon de s'en assurer est donc de les tester dans chaque écosystème.
7. Utilisez des outils comme VirtualBox pour pouvoir tester d'anciens navigateurs et différents systèmes d'exploitation.

Answer 3

Il n'y a aucun moyen de ensure à part les tests, les tests et les tests :-)