Page d'accueil » Codage » Guide complet sur le contrôle de compatibilité entre navigateurs

    Guide complet sur le contrôle de compatibilité entre navigateurs

    Les internautes ont un plus grand choix de navigateurs pour naviguer sur Internet. En tant que concepteurs et développeurs, il est de notre responsabilité de nous assurer que les sites Web que nous avons créés sont compatibles avec la plupart des navigateurs couramment utilisés de nos jours..

    Cela conduit à une question simple mais critique - quels navigateurs nos visiteurs utilisent-ils?? Selon w3school, les navigateurs couramment utilisés sont Internet Explorer 7 et 8 et Firefox avec Safari et Google Chrome ramasser progressivement. Mais les chiffres peuvent varier d’un site à l’autre, en fonction de sa niche. Il est préférable d'obtenir les données démographiques à partir des statistiques de votre site., Google Analytics par exemple.

    Une fois que vous avez identifié les navigateurs courants utilisés par vos visiteurs, il est temps de vous assurer que le site Web affiche la même chose dans ces navigateurs.. Il est presque impossible d'installer tous les navigateurs différents sur une seule machine. Mais grâce à certains outils et services Web existants, il est possible de découvrir à quoi ressemble votre site Web sous d'autres navigateurs..

    Dans cet article, nous souhaitons attirer votre attention sur certaines des solutions sur lesquelles vous pouvez compter pour effectuer des tests de compatibilité entre navigateurs. Liste complète après le saut.

    Tester la compatibilité en ligne

    Browsershots

    Browsershots est un utilitaire de test de compatibilité multi-plateformes multi-plateformes gratuit et très populaire pour les concepteurs Web. Browsershots crée des captures d'écran de votre conception de sites Web dans différents navigateurs. La base de données Browsershots inclut tous les navigateurs les plus courants et vous permet de vérifier facilement l’apparence de votre site Web sur tous les navigateurs et sur toutes les plateformes de système d’exploitation..

    Sandbox du navigateur

    Créée par Spoon.net, cette page vous permet d’exécuter différents navigateurs, notamment IE, Firefox, Safari, Chrome et Opera, directement à partir de votre navigateur. Aussi simple que cela.

    Netrenderer

    IE NetRenderer est un testeur de compatibilité des navigateurs gratuits. Avec IE NetRenderer, vous pouvez vérifier le rendu d’un site Web à l’aide de différentes versions d’Internet Explorer. Après les tests bêta, très prochainement dans IE, NetRenderer sera intégré à la dernière version de IE - IE9 et vous pourrez voir si votre site Web affiche des erreurs dans ce navigateur..

    Browsrcamp

    Browsrcamp vous permet de tester la compatibilité de votre conception avec les navigateurs Mac OS X. Si vous ne voulez pas dépenser d'argent, vous pouvez vérifier la compatibilité de votre conception avec Safari 3.1.2. Ajoutez simplement l'URL de votre site Web et vous obtiendrez une capture d'écran de votre site Web. Mais si vous voulez vérifier la compatibilité avec les autres navigateurs Mac, vous pouvez vous abonner pour 3 $..

    Adobe Browserlab

    Adobe Browserlab est un service hébergé sur le Web qui permet aux concepteurs de tester des conceptions sur plusieurs navigateurs et systèmes d'exploitation. Ce système inclut une fonction de zoom et des outils de mesure tels que des règles et des guides, ainsi que la possibilité de se déplacer rapidement vers des zones spécifiques d’une capture d’écran. Les ensembles de navigateurs permettent aux concepteurs de personnaliser, éditer et enregistrer une combinaison de navigateurs à tester..

    Litmusapp

    Litmus vous montre des captures d'écran de vos sites Web, car ils se penchent sur tous les principaux navigateurs Web. Une fois les tests terminés, vous pouvez obtenir un rapport de compatibilité complet prêt à être examiné par vos clients. Litmus a 4 plans de prix. Vous pouvez vous inscrire gratuitement et utiliser uniquement les tests des navigateurs Explorer 7 et Firefox 2 ou choisir des forfaits..

    Visualiseur de site Anybrowser

    Anybrowser Site Viewer vous permet de visualiser les pages HTML comme le feraient d'autres navigateurs ou dans différentes tailles d'écran. Vous pouvez passer d'un lien à un autre en affichant les pages telles qu'elles apparaissent dans divers navigateurs et vérifier la pureté du texte uniquement. De plus, la visionneuse de site Anybrowser vous permet de sélectionner des éléments de page spécifiques..

    Fundisom

    Fundisom est un générateur de capture d'écran Mac qui vous permet de voir votre site sur un Macintosh G5 sous Safari, MacIE ou Mozilla. Pour l'instant, le développement Web de lixlpixel Safari Screenshot Generator est temporairement hors ligne, mais vous pouvez le vérifier plus tard..

    Delorie Lynxview

    Delorie Lynxview est un service qui permet aux auteurs Web de voir à quoi ressembleront leurs pages avec Lynx, un navigateur Web en mode texte..

    Browsera

    Browsera est conçu pour être utilisé comme un outil de test, et pas seulement comme un outil de capture d'écran. Il fonctionne au niveau du site au lieu du niveau de la page. Browsera explore les pages de votre site et les teste réellement pour détecter les incohérences dans la présentation et les erreurs de script..

    Onglet IE

    IE Tab est un addon de Firefox qui vous permet de charger des pages Web dans Internet Explorer, sans avoir à ouvrir une autre fenêtre de navigateur. Il suffit de cliquer sur un bouton de la barre d’outils Firefox pour ouvrir la page actuelle dans un nouvel onglet utilisant le moteur Internet Explorer au lieu de Firefox..

    Plugin et outils

    IETester

    IETester est un navigateur Web gratuit qui vous permet d’avoir les moteurs de rendu et JavaScript de la prévisualisation IE9, IE8, IE7 IE 6 et IE5.5 sur Windows 7, Vista et XP. Il est utile que les développeurs Web vérifient que leurs sites fonctionnent correctement dans toutes les versions les plus courantes d'Internet Explorer..

    IECapt

    IECapt est un petit utilitaire de ligne de commande permettant de capturer le rendu d'une page Web par Internet Explorer dans un fichier image BMP, JPEG ou PNG..

    Multi-Safari

    Multi-Safari est un outil de test de compatibilité de navigateur gratuit qui vous permet de vérifier le rendu de votre site Web à l'aide de différentes versions de Safari. Multi-Safari n'autorise pas les tests de résolution d'écran.

    SuperPreview Web Expression

    Expression Web SuperPreview est un outil gratuit qui aide les utilisateurs à tester leurs sites Web sur différentes versions d'Internet Explorer. Expression Web SuperPreview est un outil de débogage visuel autonome qui facilite la migration de vos sites d'IE6 vers IE7 ou 8..

    Iphoney

    iPhoney vous offre un environnement de navigation Web précis au pixel près, que vous pouvez utiliser lors du développement de sites Web pour iPhone. C'est la toile idéale de 320 par 480 pixels pour le développement de votre iPhone. iPhoney n'est pas un simulateur iPhone, mais plutôt un logiciel conçu pour les développeurs Web qui souhaitent créer 320 sites Web sur 480 à utiliser avec iPhone..

    MultipleIEs

    Avec MultipleIEs, vous pouvez tester votre page Web dans Internet Explorer 3, 4, 5 et 6. Il s’agit d’anciens navigateurs. Toutefois, si votre site Web est disponible pour tous les navigateurs, recherchez également les versions les plus anciennes de IE avec MultipleIEs..

    IE multiple

    Multiple IE est un outil similaire à MultipleIEs. Multiple IE est un petit paquet qui vous permet d’exécuter plusieurs versions d’IE sur la même machine, depuis IE 6.0 jusqu’à IE 3.0.

    SortSite Professional

    SortSite Professional permet aux constructeurs de sites Web, aux propriétaires et aux consultants de vérifier si des sites entiers sont conformes aux normes et aux problèmes de qualité. SortSite vérifie chaque page trouvée, puis produit un rapport répertoriant chaque problème. SortSite vérifie plus de 300 points de contrôle de la qualité.

    Lunascape

    Lunascape est le premier et le seul navigateur au monde à triple moteur. Sont inclus les principaux navigateurs: IE, Firefox, Chrome, Safari. Avec Lunascape, vous pouvez choisir le bon moteur à utiliser au bon moment, ce qui réduit considérablement les problèmes de compatibilité des navigateurs Web, les longs temps de chargement et l'affichage incorrect des sites Web..

    Services Premium

    Browsercam

    BrowserCam est un service en ligne payant qui vous permet d'afficher vos pages Web sur différentes plates-formes et navigateurs, soit en prenant automatiquement les captures d'écran de votre choix, soit en accédant à distance à des ordinateurs..

    Test croisé

    Avec le site, vous pourrez tester votre site Web (ou celui de quelqu'un d'autre), sous tous les systèmes d'exploitation et tous les navigateurs. Cela devrait vous faire gagner beaucoup de temps lorsque vous essayez de faire avancer les choses. Abonnement à partir de 19,95 $.

    URL2image

    À l'aide de la batterie de serveurs Web Url2image et en tant qu'utilisateur connecté, vous pouvez demander des captures d'écran de la conception de votre page Web à l'aide de diverses combinaisons navigateur / système d'exploitation. Url2image offre un prix pour les captures d'écran. 2 captures d'écran coûtent 1 $.

    SortSite

    SortSite Professional recherche dans les pages toute une gamme de fonctionnalités qui ne fonctionnent pas correctement ou se comportent différemment sur différents navigateurs. Le prix de la licence standard est de 149 $.

    Navigateur multi-navigateur

    La Visionneuse multi-navigateurs comprend 17 navigateurs autonomes virtualisés et pré-packagés. Outre 17 navigateurs autonomes, Multi-Browser Viewer permet également de tester votre site dans 50 navigateurs répartis sur trois systèmes d'exploitation (Mac, Windows et Linux). Le prix d'une licence pour un utilisateur unique est de 99,95 $.

    Test de nuage

    La fonctionnalité de Cross Cloud Testing du Cloud Testing vous permet de vérifier l'aspect et la fonctionnalité de vos sites de commerce électronique et transactionnels à l'aide des navigateurs IE 6,7,8, Firefox, Apple Safari, Google Chrome et Opera. Le prix par test est de 0,10 £.