Comment voir à quoi ressemble mon site Web dans différents navigateurs?
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 un service pouvant fournir un aperçu?
http://browsershots.org/ (service en ligne).
http://www.browsera.com/ (service en ligne, pas gratuit).
http://crossbrowsertesting.com/ (service en ligne, pas gratuit).
http://www.multibrowserviewer.com/ (navigateurs Web virtualisés, pas gratuits).
http://www.browserseal.com/ (navigateurs Web virtualisés, pas gratuits).
Appliance vmWare multi-navigateur:http://www.vmware.com/appliances/directory/335/
BrowsersShots et BrowserLabs sont ce que je peux penser sur le dessus de ma tête. Je pense qu’il ya aussi quelque chose que j’ai utilisé, mais je ne me souviens plus du nom pour le moment.
Edit: Malheureusement Adobe a arrêté son BrowserLab projet le 13 mars 2013.
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 navigateur "dans le nuage" de 24 navigateurs maximum. En fait, les tests de navigateur ont été leur premier produit, et il est toujours disponible indépendamment via l'outil Alkaline .
J'utilise alcaline régulièrement. C'est assez gentil.
La meilleure chose à ce sujet est la suivante: 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.
C'est assez bon: http://browsershots.org/
Voyez à quoi il ressemble sur différents navigateurs et résolutions. Doit être sur le Web si.
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.
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.
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 de IE et de la dernière version. 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, donc c'est encore assez puissant.
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 actuels dans les systèmes d’exploitation réels, sans faire appel à des sources extérieures pour effectuer votre travail fastidieux, où vous pouvez utiliser les outils de débogage natifs pour corriger/diagnostiquer les erreurs.
Vous voudrez peut-être consulter le fil de discussion sur StackOverflow appelé: Test d’un site Web sur des navigateurs mobiles .
http://www.browsercam.com/ (en ligne, pas gratuit) en est un autre.
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 script Java, 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 à n tutoriel avec Virtual PC et le mode Xp, solution permettant d'exécuter différentes versions IE sur un hôte .
MogoTest est un démarrage très récent de TechStars qui fait cela bien. Il fournit des captures d'écran de différents navigateurs et systèmes d'exploitation et valide également votre code HTML et CSS.
J'ai utilisé http://www.browserstack.com/ quelques fois, cela fonctionne vraiment bien - personne ne l’a mentionné pour le moment.