Testez facilement votre site Web sur différents navigateurs avec Comparium

Testez facilement votre site Web sur différents navigateurs avec Comparium

⌛ Reading Time: 6 minutes

Comment définir un site web responsive ? Au minimum, il doit s’afficher correctement sur n’importe quel navigateur, appareil ou système d’exploitation. Par conséquent, il doit prendre en compte les diverses habitudes des utilisateurs finaux sur un large éventail de plates-formes, de navigateurs et de résolutions d’écran. Pour remédier à toute défaillance, les entreprises doivent tester leurs sites Web sur des milliers d’appareils réels et virtuels. Mais si vous n’avez pas ce genre de budget, vous auriez besoin de ce qu’on appelle « une solution de test multi-navigateurs ».

Comparatif se présente comme un service de test visuel automatique qui « vous montre les différences les plus discrètes » dans les versions du site. Il fait partie d’Electronic Team, Inc. basé à Alexandria, en Virginie. Dans cette revue de Comparium, nous examinons ses fonctionnalités les plus importantes et les personnalisations disponibles.

Noter: Ceci est un article sponsorisé et a été rendu possible par Comparium of Electronic Team, Inc. Le contenu et les opinions réels sont les seuls points de vue de l’auteur qui maintient l’indépendance éditoriale, même lorsqu’un article est sponsorisé.

Détails du compte et de l’application Web

Depuis le site, vous pouvez créer un compte et vous connecter directement. Vous pouvez également vous connecter avec votre compte Google.

Une fois connecté, une interface simple vous accueille. Il vous suffit d’insérer l’adresse URL dans le champ de recherche et de sélectionner la combinaison requise de navigateurs, de systèmes d’exploitation et de résolutions d’écran. Il existe deux types de comptes d’utilisateurs : Invité et Pro. Chacun prend en charge des captures d’écran illimitées pour votre examen.

Sélection de capture d'écran de comparaison

Comment tester de manière croisée votre site Web à l’aide de Comparium

Une fois que vous entrez un site Web dans la barre de recherche, vous obtenez initialement une liste d’aperçus pour toutes les sélections effectuées. Vous pouvez choisir n’importe quelle largeur de résolution d’écran allant de 500 px à 1920 px (full HD) pour Linux, Windows 7, macOS et le mode sombre macOS. Actuellement, Comparium prend en charge les navigateurs Chrome, Firefox, Internet Explorer, Safari et Opera.

Pour une comparaison détaillée, sélectionnez simplement deux écrans ou plus et cliquez sur « Comparer » sur le côté droit. Ici, nous comparons Windows Chrome version 80.0 avec Windows Firefox version 68.0.

Comparer plusieurs écrans

La comparaison côte à côte s’ouvre par défaut en plein écran. À l’aide d’une option de défilement synchronisé, vous pouvez examiner le rendu du site Web sur plusieurs navigateurs et différents systèmes d’exploitation. Vous pouvez mettre à l’échelle pour s’adapter en fonction de la hauteur, de la largeur et de la taille.

Comparer côte à côte

Comparium prend en charge la création d’écrans parallèles au sein de la même interface, offrant une vue d’ensemble du site Web. Il existe « quatre » modes de comparaison : « côte à côte », « superposition », « curseur » et « trouver des différences ». Le dernier est assez étonnant, car il vous aide à vous concentrer automatiquement sur les erreurs indétectables.

Comparer le mode de recherche de différence

Le mode « Rechercher la différence » vous permet de connaître l’emplacement des icônes de menu et la sélection de polices sur les deux plates-formes. S’il y a trop d’écart, vous devrez modifier le code de conception pour résoudre les différences.

Comparer Trouver des différences Résultats

De même, un mode « overlay » superpose les deux configurations pour afficher visuellement les écarts significatifs.

Superposition de comparaison

En résumé, avec une fonction de comparaison de captures d’écran aussi élaborée de Comparium, vous pouvez facilement comparer les différents systèmes d’exploitation et résolutions. Une fois l’analyse terminée, vous pouvez supprimer tous les écrans de la fenêtre principale.

Autres caractéristiques et avantages

Les principaux avantages de Comparium pour les développeurs Web sont une plus grande précision dans la validation visuelle et la prise en charge des versions mobiles, car vous pouvez adapter la taille de l’appareil à une plage de 500 px. Il dispose de rapports hors ligne pour détecter toute incompatibilité automatique et d’une fonctionnalité importante de « test en direct » sur Linux pour divers navigateurs. La prise en charge de Windows 7 et macOS Catalina pour les tests en direct devrait bientôt être déployée.

Comparium Live Test 1

Le mode de test en direct vous aide à obtenir une analyse en temps réel de la réactivité des modifications du site Web. Alors que l’inspection visuelle précédente à l’aide des outils de comparaison vous donne un aperçu des erreurs notables, la fonction de test en direct teste le site Web dans un environnement réel, le rendant prêt au lancement.

Comparium a une belle feuille de route où de nombreuses nouvelles fonctionnalités puissantes, telles que des tests d’URL en masse, des tests internes, la prise en charge de différents rapports d’aspect et l’imitation de connexion à faible vitesse seront ajoutées. Vous pouvez comparer les caractéristiques et les avantages avec d’autres outils de test inter-navigateurs sur le marché. Comparium obtient de bons résultats en raison de la capacité d’automatisation de la détection des erreurs de site Web.

Feuille de route du comparateur
Tests en direct de comparaison

Comparium présente quelques inconvénients mineurs. Actuellement, la plate-forme ne prend pas en charge les captures d’écran sur Windows 10, mais l’équipe client nous a assuré qu’elle était bien sur la feuille de route. Il ne prend pas non plus en charge d’autres navigateurs tels que Slimjet, Yandex, etc. Cependant, la liste actuelle des navigateurs pris en charge offre une bonne approximation de la façon de simuler pour différents appareils et systèmes d’exploitation.

Détails de facturation et de prix

Comme indiqué précédemment, Comparium prend en charge un mode « invité » gratuit et un mode « pro » payant à 15 $ par mois. Une comparaison détaillée des forfaits invités et pro peut être trouvée sur ce lien.

Comparatif Achat Succès

Le compte invité gratuit vous limite à quelques navigateurs, tels que Firefox 75 et Chrome 81 pour Windows 7, et s’adapte à une résolution d’écran de 1024 px seulement. Cependant, il n’y a pas de restrictions sur les minutes de test en direct et le nombre de captures d’écran générées, ce qui est merveilleux. L’application vous permet de tester autant de fois que vous le souhaitez dans les limites avant de pouvoir migrer vers un plan Pro. Étant donné qu’il existe de nombreuses autres fonctionnalités intéressantes dans la feuille de route, votre site Web peut évoluer avec la solution.

Notre verdict

À l’heure actuelle, vous ne pouvez tout simplement pas lancer un site Web sans répondre aux divers goûts, tailles d’écran et navigateurs au niveau de l’utilisateur final. Comparer est une application prometteuse qui ne déçoit pas pour mesurer la réactivité de votre site Web par rapport aux simulations du monde réel. Avec une gamme de fonctionnalités intéressantes dans le pipeline, vous disposerez d’un puissant outil de test croisé en tant que développeur Web.

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.