Ultimes outils gratuits pour les tests sur plusieurs navigateurs

Si vous avez votre propre site Web, qu'il s'agisse d'un site de grande entreprise ou d'un petit blog, l'importance des tests de bureau sur plusieurs navigateurs est la même..

Vous pouvez voir votre site en utilisant la dernière version de Firefox et il a l'air génial. Ensuite, un visiteur peut le voir dans Internet Explorer 9 et cela ne leur paraît pas seulement horrible, mais cela ne fonctionne pas correctement. Devine quoi? Vous venez de perdre un visiteur de retour.

Pourquoi dois-je tester dans plusieurs navigateurs??

Comment analyser pourquoi votre site Web a perdu autant de trafic de recherche Comment faire pour rechercher pourquoi votre site Web a perdu autant de trafic de recherche Que faites-vous quand vous avez été touché par une mise à jour d'algorithme, que ce soit Panda, Hummingbird, ou un futur animal de la variété des moteurs de recherche? Récupérez votre trafic avec ces techniques. Lire plus, vous pouvez perdre des ventes. Si vous avez un site Web pour vendre votre produit ou service et qu'un client potentiel ne peut pas passer de commande car votre formulaire ne s'affiche pas et ne fonctionne pas dans Chrome, vous devriez avoir honte. Même si vous avez un blog personnel sur lequel vous demandez des commentaires à des personnes et qu’elles ne peuvent vous en donner, car votre formulaire de contact n’affiche ou ne fonctionne que dans Opera, alors vous venez de perdre les commentaires et le visiteur de retour..

Voici ce que Seque Technologies, une société de solutions technologiques pour les organisations fédérales, commerciales et à but non lucratif, a à propos des tests inter-navigateurs:

Avec autant de variables à la surface, il y a encore plus de différences sous-jacentes qui ont une incidence sur la façon dont les sites Web et les applications Web affichent et se comportent entre les différents navigateurs. Pour cette raison, lorsqu'une application Web est en cours de réalisation, il est recommandé d'effectuer des tests entre navigateurs..

Tester votre site Web dans différents navigateurs de bureau devrait devenir, si ce n’est déjà fait, une pratique courante pour vous. Vérifiez l’apparence, testez la navigation, remplissez et soumettez tous les formulaires, sinon vous risqueriez de perdre des visiteurs, des clients et du trafic..

Comment effectuer des tests sur plusieurs navigateurs?

Vous savez déjà ce que vous devez tester, mais comment le faites-vous lorsque vous êtes dédié à un navigateur spécifique? Vous pouvez notamment télécharger les dernières versions des principaux navigateurs sur votre ordinateur..

Firefox, Internet Explorer, Safari, Chrome et Opera Opera 15 est un chrome plus rapide et plus simple et voici trois bonnes raisons de l'essayer Opera 15 est un chrome plus rapide et plus simple et voici trois bonnes raisons de l'essayer ridicule maintenant, mais quand j'étais plus jeune, j'ai déboursé une grosse somme d'argent pour Opera, un navigateur web révolutionnaire de Norvège. Je l'ai emporté à la maison, excité de pouvoir enfin… Read More peut normalement être téléchargé et installé, mais peut-être que vous ne pouvez pas ou ne voulez pas faire cela. Dans ce cas, de nombreux outils Web simulant ces navigateurs peuvent être utilisés..

Des outils tels que BrowserStack, Ghostlab et CrossBrowserTesting sont disponibles, mais ils ne sont pas gratuits et peuvent devenir coûteux, en fonction de vos besoins. Heureusement, certains outils Web sont disponibles gratuitement, chacun offrant différentes fonctionnalités de test.

Browsershots

Browsershots est un outil en ligne très simple à utiliser. Il permet de tester dans les principaux navigateurs de bureau et inclut différents numéros de version parmi lesquels vous pouvez choisir. Une fois que vous avez entré l'URL du site que vous testez (vous devez entrer différentes URL pour chaque page du site), vous attendez quelques minutes, puis vous verrez des captures d'écran du site dans chacun des navigateurs que vous utilisez. choisi.

Gardez à l’esprit avec Browsershots que vous ne verrez que des captures d’écran de votre site. C'est bien pour vérifier l'apparence, mais vous ne pouvez pas réellement “tester” navigation et formulaires. Pour un outil gratuit, il convient de s’assurer que votre site est correct dans les différentes versions de navigateur.

Cuillère à sable de navigateur

Spoon offre une option plus robuste pour les tests inter-navigateurs où vous obtenez plus que des captures d'écran. Pour les principaux navigateurs, Chrome, Guerres du navigateur Firefox: Firefox vs Chrome contre Opera, The Definitive Benchmark Navigateurs Guerres: Firefox contre Chrome contre Opera, The Definitive Benchmark. Quel est le meilleur: Firefox, Chrome ou Opera? Nous allons vous montrer. En savoir plus, Internet Explorer, Opera et Safari vous choisissez la version exacte que vous souhaitez utiliser.

Il est gratuit de tester en utilisant les dernières versions de ces navigateurs, mais si vous souhaitez vérifier les versions antérieures, des frais sont facturés. Mais, si les tests dans les dernières versions des navigateurs suffisent à vos besoins, cet outil fonctionne bien..

Une fois que vous avez sélectionné le navigateur de votre choix, il l’ouvre dans une nouvelle fenêtre. Ensuite, entrez votre URL et testez.

Les fenêtres du navigateur permettent des expériences de test complètes. Veuillez noter que ce site Web vous demande d'installer un plugin. Par conséquent, si vous n'êtes pas à l'aise avec le téléchargement et l'installation de leur fichier EXE, vous voudrez peut-être consulter un autre outil Web.

Viewlike.us

Viewlike.us est un peu différent des autres en ce qu'il vous permet de voir votre site dans différentes résolutions 3 Plugins Firefox pour tester votre site Web dans différentes résolutions 3 Plugins Firefox pour tester votre site Web dans différentes résolutions Lire la suite. Encore une fois, c’est bien pour tester l’apparence du site, mais cela vous donne quelques détails utiles pour la réactivité..

Vous pouvez obtenir des scores de vitesse et de convivialité avec cet outil. Si des éléments tels que la taille de la réponse image, la taille de la réponse HTML et même le nombre de ressources statiques vous sont utiles, alors celle-ci est utile..

Il fournira également des détails sur les règles de convivialité, par exemple si votre site utilise des plug-ins ou si la taille des polices est illisible. Vous verrez alors une capture d'écran de votre site dans différentes résolutions. Vous pouvez ensuite sélectionner d'autres résolutions pour afficher votre site sur les smartphones et les tablettes..

IE NetRenderer

Pour une nouvelle vérification de l'apparence de votre site Web sur un autre navigateur, vous pouvez essayer IE NetRenderer. Évidemment, celui-ci ne montre que votre site dans Internet Explorer. Comment exécuter Internet Explorer sur votre Mac (et pourquoi vous voudriez peut-être). Comment exécuter Internet Explorer sur votre Mac (et pourquoi vous voudriez peut-être). Est-il possible d'exécuter le produit phare? Navigateur Microsoft sur une machine OSX? Continuez à lire pour en savoir plus… Lire la suite, mais cela vous permet de choisir entre IE 5.5 et IE 11.

Ceci est un autre outil très basique qui ne fonctionne vraiment que pour tester l'apparence de votre site..

Browsera

Browsera fournit des informations utiles sur votre site en matière d’apparence et d’erreurs. Il suffit d'entrer l'URL dans l'outil, puis commence à explorer votre site. Vous pouvez le voir parcourir les différentes pages et indiquer le temps qu'il vous reste pour le test..

Une fois le test terminé, vous recevrez un courrier électronique avec les résultats, ainsi qu'une fenêtre contenant des informations détaillées sur le site de Browsera. Browsera: testez votre site dans différents navigateurs Browsera: testez votre site dans différents navigateurs En savoir plus .

Si vous avez reçu des erreurs JavaScript, il vous fournira des informations détaillées, notamment le type et la version du navigateur, la page ou l'élément sur votre site, la ligne dans le code contenant l'erreur et la nature de l'erreur, par exemple., “valeur de propriété invalide”.

Vous pouvez également passer en revue les différences de mise en page pour différentes versions de Firefox et Internet Explorer, chacune dans sa propre fenêtre déroulante et par page. Cela permet de voir facilement à quoi il ressemble dans chacun de ces navigateurs, de sorte que vous puissiez apporter les modifications nécessaires..

Browsera vous oblige à créer un compte, mais cela ne prend qu'une minute et aucune carte de crédit n'est requise. Quelques plans sont disponibles et pour un minimum de tests, le plan gratuit est correct pour les sites de petite taille..

Il offre le service à un utilisateur pendant 25 pages et inclut la détection de problèmes, l'analyse de site et les erreurs JavaScript. Évidemment, les forfaits payants offrent plus de fonctionnalités et d'options.

Lequel devrais-je utiliser?

Spoon Browser Sandbox est le seul outil gratuit qui permet d’effectuer des tests complets de bout en bout sur les utilisateurs et d’ouvrir différentes fenêtres de navigateur. Donc, si vous ne voulez pas télécharger tous les navigateurs ou payer pour un service, ce serait votre meilleure option pour tester le contrôle de la qualité des éléments cliquables sur votre site Web..

Pour tester l'apparence de votre site dans tous les principaux navigateurs, Browsershots est la solution. Il offre le plus d'options de navigateur de bureau sans frais.

Utilisez-vous déjà ces outils?

Avez-vous déjà utilisé certains de ceux-ci pour vos tests multi-navigateurs?? Ou peut-être connaissez-vous d’autres outils Web gratuits que vous aimeriez partager avec nous et suggérer à d’autres lecteurs. S'il vous plaît rappelez-vous, ceci pour les tests de navigateur de bureau, pas mobile.

Ne hésitez pas à partager vos pensées dans les commentaires ci-dessous!

Crédit image: Main d'homme d'affaires parcourant des sites Web sur son ordinateur portable, Touches rouges avec test de mots sur le clavier de l'ordinateur, Choix et décisions: homme d'affaires réfléchissant avec des points d'interrogation via Shutterstock

En savoir plus sur: les extensions de navigateur, le développement Web.