Ici, à WCB, nous pensons avec optimisme qu’il y aura un jour brillant où tous les navigateurs afficheront nos sites Web de manière identique. Mais au moment où cet article est écrit ce jour-là est encore assez loin et nous sommes toujours confrontés à la nécessité de tester les sites Web que nous construisons sur différentes plates-formes, appareils et navigateurs pour nous assurer que nos clients seront satisfaits à la fin.
Si vous créez des sites Web, vous utilisez peut-être de bonnes techniques de test comme l’exécution de machines virtuelles avec de nombreux navigateurs et systèmes d’exploitation installés, l’achat de quelques ordinateurs portables ou la gêne de vos amis et voisins en leur demandant de tester votre créature sur leur iPad. Eh bien, ces moyens ont tout à fait le droit d’exister encore.
Mais vous vous lanceriez si vous saviez combien de services vous offrent pour tester votre site Web sans tracas en un clic de nos jours.
Browsershots
Le service web gratuit vous permet de tester le site Web sur plus de 50 navigateurs et systèmes d’exploitation en les combinant dans un grand nombre de variantes. Le seul moment déroutant est que vous n’obtiendrez que des captures d’écran afin que vos scripts et arrière-plans CSS clignotants ne soient pas affichés.
Ce que vous devez faire est simplement de donner votre URL, cliquez sur le bouton et attendez – votre site Web sera dans la file d’attente et dans un certain temps (de 5 minutes à 2 heures selon l’occupation des serveurs), vous obtiendrez vos captures d’écran une par une.
En fait, il y a un compte payant qui peut être acheté, ce qui vous donne une haute priorité pour 29,95$ / mois, vous obtiendrez donc votre capture d’écran en 5 minutes.
Visitez le site officiel
CrossBrowserTesting
Service payant extrêmement fonctionnel qui vous permet de tester votre site Web sur de vrais ordinateurs via une connexion VNC sur n’importe quel navigateur et système d’exploitation – plus de 1000 combinaisons disponibles à partir de 29,95$ / mois.
Je ne peux pas ne pas mentionner que les tests sur les plates–formes mobiles et les appareils comme Android et iOS sont disponibles – tous en temps réel, alors maintenant vos arrière-plans CSS clignotent comme un arbre de Noël!
Visitez le site officiel
Litmus
Outre un test de compatibilité entre navigateurs, ce service en ligne utile valide le code HTML et CSS.
Mais une caractéristique splendide de Litmus est que le service se concentre principalement sur les tests d’e–mails – plus de 30 clients de messagerie disponibles ainsi que de nombreux outils d’analyse – vos e-mails touchent directement au cœur et sont également jolis sur le Nokia de grand-mère!
Les prix commencent à partir de 49$ / mois après 7 jours d’essai.
Visitez le site officiel
Moteur de rendu net
Outil en ligne rapide et gratuit par lequel vous pouvez tester le rendu du site Web dans les anciennes versions d’IE (peut être utile si vous traitez souvent avec les autorités gouvernementales – IE est toujours une norme là-bas). La fonctionnalité est qu’il peut fusionner des captures d’écran de différentes versions en une seule image afin que la différence de rendu soit très bien montrée.
Visitez le site officiel
Outil de développement Chrome: Mode d’Émulation
À mon avis, c’est le meilleur outil pour un test rapide disponible gratuitement et livré avec un navigateur Chrome incroyable. Faites un clic droit, appuyez sur Inspecter l’élément et allez à l’émulation – le tour est joué.
Un tas d’appareils mobiles prédéfinis, une personnalisation flexible des résolutions, un ratio de pixels, etc. – toutes ces fonctionnalités à portée de clic. De plus, il peut émuler des appareils à écran tactile, ce qui est extrêmement utile pour tester et rechercher des modèles d’expérience utilisateur. Vous ne payez pas un sou et en combinaison avec le serveur localhost, vous disposez d’une usine de test puissante et flexible, vous pouvez travailler n’importe où, même sans connexion Internet – absolument charmant!
Ces options ne sont sûrement qu’une petite partie d’une grande variété de services et de programmes que vous pouvez facilement trouver par vous-même sur Internet. Ici, j’ai énuméré ce que je trouve intéressant de vérifier.
Le jour lumineux du rendu universel est sur le long chemin, mais avec ces outils faciles, vous êtes entièrement équipé pour rendre chaque client avec n’importe quel appareil configuré de manière exotique heureux de ce que vous construisez.