Easy-Design.Net forum

Introduction

Dans le processus de développement et avant la mise en de votre site HTML, vous devez vérifier si le rendu de vos pages est toujours conforme aux spécifications définies au départ. Ces tests sont encore plus flagrants avec la compatibilité de nouveaux supports comme les téléphones ou les tablettes.

Hormis Internet Explorer & Safri, vos navigateurs sont souvent mis à jour, c'est pourquoi les tests visuels sont très importants principalement pour la partie front office (HTML, CSS, JavaScript, etc....).

Tester votre navigateurs

Pour effectuer cette opération de compatibilitnéutilisez le site "HTML5 test" disponible à cette adresse. ce site vérifie le degré de compatibilité de votre navigateur par rapport à la norme.

Voici quelques autres liens qui vous permettrons de faire de vos pages, des sites compatibles aux rendus finis suivant le navigateurs utilisés.

Quelques liens pour vos tests

=>> Spoon Browser Studions
Il s'agit de l'outil le plus puissant du moment, il supporte tous les navigateurs desktop et mobile y compris.
Attention toutefois à désactivez des addons de vos navigateurs comme IE Developer Toolbar, Firebug, les controles ActiveX, les applets Java, CSS & Javascript, ...

=>> Cross Browser Testing
Il propose des tests suivant votre environnements (OS, iOS, Blackberry, Android, Windows Mobile), avec tous les navigateurs supportés comme Firefox, IE, Chrome, Safari, Opéra, ...Vous pouvez tester pendant quelques jours cet outil avant de vous abonner

=>> IE Tab
Utilisez pour les navigateurs Firefox & Chrome. Il est disponible & utilisé gratuitement

=>> Browsershots
C'est un outil gratuit & open source qui permet de tester vos applications web directement en ligne.
Ils proposent de nombreux outils comme le capture d'image en comparant chacun des navigateurs qui existent. Mais aussi différentes résolutions d'écrans, ainsi que la profondeur de couleur de vos images, et de la configuration utilisé pour vos applications java, Flash & Javascript.
Il supporte les navigateurs Firefox, Chrome, Netscape, Safari, etc... avec les systèmes d'exploitation comme Windows, Mac, Linux, BSD.

D'autres liens :

=>> IE tester: http://www.my-debugbar.com/ietester/install-ietester-v0.5.1.exe
=>> Browser Cam: http://www.browsercam.com/
=>> Cloud Testing: http://www.cloudtesting.com/
=>> Adobe Browser Lab: http://browserlab.adobe.com/
=>> Browserseal: http://www.browserseal.com/

Valider votre code:

Après toutes ces tests vient le moment de la validation de vode code pour mesurer sa qualité et conformité:
=>> HTML5 Validator: http://html5.validator.nu/
=>> Validator W3C: http://validator.w3.org/

Conclusion:

Pour rendre vos projet 100% compatible votre projet internet avec les principaux navigateurs et systèmes d'exploitation, il est important de prévoir du temps et en particulier de mise en forme, car même si les navigateurs utilisent les fonctions natives, le rendu peut être différents

Bonjour,

Merci pour toutes ses informations ^^

Merci de cette information