Chaque navigateur a des particularités et à chaque fois que vous tentez une originalité, vous devrez vous assurez que le rendu est fidèle sur tous les browsers.
Tout le monde sait qu’Internet Explorer est le meilleur navigateur pour casser vos effets CSS ou créer des bugs insoupçonnés. Pourtant, de nombreux clients demandent encore une rétrocompatibilité sur des versions anciennes.
Pour gagner du temps, nous vous proposons 6 outils pour tester votre site sur différents navigateurs.
Quels sont les critères à tester ?
Au préalable, il est important de connaître le spectre des éléments qui seront testés pour corriger les bugs s’il y en a (et il y en aura certainement malgré tous vos efforts :wink:) :
- Votre code est-il conforme ? Vous disposerez même des rapports d’erreurs de certains navigateurs ;
- Le chargement de votre site est-il assez rapide ?
- Le design s’adapte-t-il bien aux usages mobiles ? Lorsque vous réduisez la fenêtre de l’écran, le site se redimensionne-t-il correctement ?
- Observez-vous des anomalies graphiques ?
- Les soumissions de formulaires ou autres processus dynamiques fonctionnent-ils correctement ?
Ces tests seront indispensables sur les 4 principaux navigateurs :
- Chrome
- Safari
- Firefox
- Internet Explorer et Edge
1. Browserstack
Pour les développeurs mobiles, cet outil permet de simuler 2000 utilisations des deux OS Android et iOS sur de vrais appareils via des machines distantes.
Cela permet de détecter tous les bugs possibles en un temps record.
C’est sans doute ce réalisme dans les tests in situ qui en font la force.
Prendre des captures d’écran, corriger des erreurs ou redimensionner sa fenêtre, toutes ces actions sont possibles dans Browserstack.
Prix : à partir de 11,20€ par mois
2. CrossBrowserTesting
Cet outil, créé par SmartBear, vous permet de faire une première série de tests automatiques puis d’aller dans le détail avec les tests manuels.
Comme son nom l’indique, cette solution couvre à la fois les tests navigateurs et sur mobile.
L’avantage : vous utilisez une seule et même solution pour tous vos tests.
Cette solution ouverte vous offre la possibilité de brancher CrossBrowserTesting avec vos outils ChromeDevTools ou encore Firebug.
Il est aussi possible de comparer différentes versions de navigateur et de conduire des tests Selenium automatisés.
Prix : à partir de 26,00€ par mois
À lire aussi : Test cross-browser : 3 choses à vérifier
3. LambdaTest
On vous parle de LambdaTest pour son rapport qualité/prix très compétitif.
L’accès aux ressources de test est illimité :
- tests en temps réel multinavigateurs ;
- tests automatisés ;
- vérification du responsive design.
Vous disposez aussi d’un support réactif 24h/24 et7j/7, un luxe pour une solution en ligne.
Cet outil est aussi interfacé avec les solutions de conduite de projet les plus utilisées du marché : Trello, Asana, Jira et Slack.
Prix : à partir de 13,50€ par mois
4. Browserling
Cette solution à bas coût s’adresse aux équipes réduites qui veulent simplement faire les tests de bases sur les différents navigateurs.
Pour une première étape vers des tests plus poussés ou pour des sites au fonctionnement élémentaire, l’outil Browserling est une excellente option.
Prix : à partir de 17,00€ par mois
5. Experitest
Sans doute l’outil le moins cher du marché : Experitest permet de mener des tests automatiques basiques sur une interface intuitive et épurée.
Les rapports vous donnent également des données très visuelles et des statistiques avancées.
Le débugage est inclus dans l’offre et constitue le socle essentiel à avoir pour tester et optimiser votre site sur différents navigateurs.
L’avantage de la solution Experitest : couvrir les applications mobiles et web.
Prix : à partir de 7,00€ par mois
6. Sauce Labs
Cette solution premium met en avant la possibilité de faire des tests en continu via le cloud.
Ces simulations grandeur nature sont en effet de qualité, car ils utilisent également de vraies machines à une ampleur plus importante que ses concurrents (2 000 devices en moyenne).
Si votre site internet connaît un usage multinavigateur et une charge importante, alors il mérite cette solution.
Sinon, d’autres acteurs plus accessibles sauront vous séduire.
Prix : à partir de 80,00€ par mois
Ne négligez pas cette étape importante de testing sur différents navigateurs avant une mise en production.
De plus en plus performants, les outils vous permettent de tester votre site web et vos applications mobiles sur des machines réelles et des les débuger facilement.
À lire aussi : 7 étapes pour lancer votre site web professionnel
