Comment voir à quoi ressemble mon site Web dans différents navigateurs?

46

Comment voir à quoi ressemble mon site Web dans différents navigateurs?

Sauf si chaque version de navigateur est installée, existe-t-il un outil ou service pouvant fournir un aperçu?

Chris W. Rea
la source

Réponses:

38
vmarquez
la source
2
J'aime les commentaires entre parenthèses, bonne réponse.
Larry Smithmier
32

BrowsersShots et BrowserLabs sont ce que je peux penser à ma tête. Je pense qu'il y a aussi quelque chose que j'ai utilisé, mais je ne me souviens plus du nom pour l'instant.

Edit: Malheureusement, Adobe a arrêté son projet BrowserLab le 13 mars 2013.

Rebecca Chernoff
la source
1
Assurez-vous simplement avec BrowserShots que vous désélectionnez tout, puis sélectionnez le peu que vous voulez (comme IE6). Qui diable utilise "Dillo"?!
DisgruntledGoat
10

LitmusApp est un nouvel acteur dans le domaine. Leur principale valeur ajoutée actuelle consiste à tester les clients de messagerie (33 clients, y compris les mobiles), mais ils effectuent également des tests de navigateurs "dans le nuage" de 24 navigateurs maximum. En fait, les tests de navigateur étaient leur premier produit, et il est toujours disponible indépendamment via l' outil Alkaline .

J'utilise alcaline régulièrement. C'est assez sympa.

La meilleure chose à ce sujet est que vous ne devez posséder ni installer aucun des navigateurs que vous souhaitez tester. Ils s’occupent de tout cela et vous donnent des captures d’écran du navigateur fonctionnant sur un système réel pris isolément. Étant moi-même un terrible administrateur système, c'est idéal.

Andres Jaan Tack
la source
oui, ce sont des amis à nous - ils dirigent également doctype.com qui est dans le pied de page (même si elle risque d'être bousculée bientôt)
Jeff Atwood
6

C'est assez bon: http://browsershots.org/

Voyez à quoi il ressemble sur différents navigateurs et résolutions. Doit être sur le Web si.

Damien
la source
6

Je recommande fortement de tester IE dans IETester , disponible ici . Il est léger, rapide, précis et prend en charge tous les IE à partir de la version 5.5.

Nat Ryall
la source
1
IETester donne une bonne référence sur la présentation de votre site dans les navigateurs IE. Cependant, nous avons eu des cas où le rendu de IE6 était différent du vrai moteur de rendu IE6.
Rickjaah
5

Avoir les navigateurs locaux vous donne plus de flexibilité. Si vous avez un site Web interactif sur lequel vous devez cliquer sur plusieurs boutons pour le tester, vous ne pouvez pas le vérifier avec une image.

Aaron
la source
5

MS propose également (dans le cadre de la boîte à outils Expression) un produit appelé SuperPreview, qui vous permet de travailler côte à côte ou avec une version interactive de votre site dans toutes les versions d’IE et la dernière version de Firefox.

Il inclut également l’accès à un service Web qui vous montre à quoi ressemble votre site dans Safari sur Mac - ceci générera une image de la sortie, mais utilisera également un fichier de métadonnées qui vous permettra de voir quelles parties du balisage ont été générées. de l'image, il est donc encore assez puissant.

Zhaph - Ben Duguid
la source
4

C’est l’une des principales raisons de développer sur un ordinateur Apple. À l'aide de VMWare Fusion ou d'autres logiciels d'émulation, c'est le seul ordinateur sur lequel vous pouvez installer en toute légalité tous les principaux systèmes d'exploitation.

Ensuite, vous pouvez tester les navigateurs réels dans les systèmes d’exploitation réels, sans recourir à des sources extérieures pour effectuer votre travail fastidieux pour vous, où vous pouvez utiliser les outils de débogage natifs pour corriger / diagnostiquer les erreurs.

Dan Gayle
la source
Pourquoi Apple? Vous pouvez également utiliser une virtualbox.org sur Linux ou Windows ...
mardi
1
Pourquoi Apple? Parce que vous ne pouvez pas installer OSX sur Linux ou Windows sans violer les conditions d'utilisation.
Dan Gayle
1
Cela me semble un peu ridicule, vous dites que l’une des principales raisons de développer sur Apple est que vous n’êtes pas autorisé à utiliser OSX sur d’autres ordinateurs.
Si je pouvais légitimement faire fonctionner un Hackintosh, je le ferais probablement, à part les problèmes de matériel. Mais encore une fois, c'est juste une considération.
Dan Gayle
4

Utiliser un aperçu pour la conception générale est une bonne chose, mais n'oubliez pas de tester également le comportement de votre site. Ceci est particulièrement utile si vous utilisez beaucoup d’effets de survol, ajax ou java-script, que vous ne pouvez pas voir sur une image.

J'utilise VmWare avec différentes machines virtuelles et les principaux navigateurs installés séparément.

Si vous utilisez Windows 7 Ultimate, je peux vous renvoyer à un didacticiel sur Virtual PC et le mode Xp, solution permettant d'exécuter différentes versions d'IE sur un seul hôte .

Sven
la source
4

Vous voudrez peut-être consulter le fil de discussion sur StackOverflow intitulé: Test d’un site Web sur des navigateurs mobiles .

Casebash
la source
1
Je pense que le sujet peut être dupliqué ici car il présente un intérêt particulier pour les webmasters.
Jeff Atwood
1
@ Jeff: C'est pourquoi j'ai utilisé une réponse, plutôt que de marquer comme un doublon
Casebash
3

MogoTest est une startup très récente de TechStars qui le fait bien. Il fournit des captures d'écran de différents navigateurs et systèmes d'exploitation et valide également votre code HTML et CSS.

Jay Neely
la source