Comment testez le design de votre site et gérer la compatibilité dans tous les navigateurs

Tester le design de votre blog dans tous les navigateurs

Il y a encore quelques années, on vérifiait manuellement la compatibilité de son site dans les deux ou trois navigateurs les plus utilisés, mais aujourd’hui tout va très vite !

Les navigateurs évoluent tous les jours et tout le monde utilise une version différente, vous pourriez passer des heures à vérifier si votre blog s’affiche bien sur l’un ou sur l’autre, c’est un calvaire ! Comment le faire simplement ? Il y a un site… ;)

 

Il y a probablement plusieurs autres méthodes pour faire cette vérification rapidement mais je vais vous présenter rapidement deux sites qui font ça très bien…

Qu’est-ce que browsershots ?

BrowserShot est un site qui créé des captures d’écrans de vos sites internet avec différents systèmes d’exploitation et navigateurs.

C’est une application web gratuite et open-source (online) qui donne aux développeurs le moyen de tester facilement et en une fois la compatibilité de leur site avec les navigateurs.

Quand vous soumettez votre adresse internet, elle est ajoutée à la file d’attente.

Un certain nombre d’ordinateurs ouvriront votre site internet dans leur navigateur.

Ils font alors les captures et les envoient vers un serveur dédié central pour que vous puissiez les visionner.

 

Tester la compatibilité d'un site dans les différents navigateurs avec Browsershot

 

Il y a plusieurs options disponibles, je vous laisse les découvrir par vous même en visitant le site BrowserShot.org

Le temps d’attente est parfois long, il dépend du nombre de testes à effectuer. Alors comment perdre encore moins de temps ?

BrowserLab un logiciel Made in Adobe…

Il n’y a malheureusement que très peu de sites qui proposent les services de BrowserShot mais si vous êtes Webmaster ou que vous êtes amené à créer des blogs fréquemment et modifiant vos themes WordPress sans trop savoir ce que vous faites, il existe un logiciel gratuit (jusqu’au 12 avril 2012) qui risque vraiment de vous épater dans ce domaine.

Je parle du logiciel D’Adobe : BrowserLab

Testez la compatibilité de votre site sur les navigateurs avec Browserlab

Cet excellent logiciel de compatibilité est livré lors de l’achat de DreamWeaver (un programme pour créer des site internet) mais vous pouvez aussi le télécharger seul.

Vérifier compatibilité de votre site selon les différents navigateurs

Ne vous prenez plus la tête avec vos problèmes d’affichage, pour chaque problème il y a une solution… ou presque ;)

Laissez un commentaire si vous utilisez d’autres sites, logiciels ou méthodes pour vérifier la compatibilité de votre blog dans les différents navigateurs.

Vous allez aimer ces articles :


5 reponses a Comment testez le design de votre site et gérer la compatibilité dans tous les navigateurs

  1. J’ai appris un nouveau truc! Merci pour l’info! Extrêmement pratique ce site, j’avais justement un soucis de comptabilité sur un site …
    Davy – TonWebMarketing.fr derniers post..Pourquoi vous ne devez ABSOLUMENT PAS devenir BLOGUEUR, mais plutôt un ENTREPRENEUR

  2. Wald dit :

    Oui c’est un super outils pour Webmaster soucieux de l’aspect graphique de ses sites mais en tant que blogueur, il vaut mieux vérifier surtout quand on utilise des thèmes wordpress gratuits pas toujours compatibles.
    C’est un peu dommage qu’il devienne payant l’année prochaine mais jusqu’à là on peu en profiter :)
    Les plus gros problème d’affichage que je rencontre viennent d’internet explorer 7 comme toujours ;)
    Wald derniers post..Comment créer un beau favicon pour votre blog en moins de deux minutes !

  3. Agence Tijara dit :

    lol oui IE 7 je déteste, perso mon favoris en ce moment c’est chrome. En tout cas, cet article est un bon rappel : toujours penser à vérifier son site sous tous les navigateurs.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv badge

Ce blog utilise KeywordLuv. Entrez VotreNom@VotreMotCles dans le champs "Pseudo" pour en profiter.

Notifiez-moi des commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

http://