EDN forum

Documentations et Dossiers » La boite à outils pour tester et valider les pages html

Modérateur

rank_modo.png

Avatar

Modérateur(s)

Inscrit le: 17/09/2009

Message: 2274

Commentaires: 25

Le 17/03/2013 à 12h23

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



Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.
Mail Site web    

CsN Missile

rank_6.png

Avatar

Inscrit le: 14/01/2013

Message: 1017

Commentaires: 3

Le 17/03/2013 à 13h09
Bonjour,

ces 3 services ont fermés ou sont sur le point de fermer.

Citation:
=>> Browser Cam: http://www.browsercam.com/
=>> Cloud Testing: http://www.cloudtesting.com/
=>> Adobe Browser Lab: http://browserlab.adobe.com/


Cordialement, janus57
   

Administrateur

rank_admin.png

Avatar

Administrateur
WebDesigner

Inscrit le: 01/08/2009

Message: 8269

Commentaires: 389

Le 17/03/2013 à 13h12
Bonjour,

Merci pour toutes ses informations ^^



- Pas de support par Message Privé, merci.
- Mes badges de compétences.
Youtube    

CsN Fronde

rank_0.png

Avatar

Groupe: Membre

Inscrit le: 26/03/2013

Message: 1

Commentaire: 0

Le 26/03/2013 à 04h50
Pour tester son site sur les smartphones, il y a aussi Mobilito (http://mobilito.net/)



Edité par jusob Le 26/03/2013 à 04h50
Site web    

Modérateur

rank_modo.png

Avatar

Modérateur(s)

Inscrit le: 17/09/2009

Message: 2274

Commentaires: 25

Le 26/03/2013 à 07h29
Merci de cette information :top



Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.
Mail Site web    

Administrateur

rank_admin.png

Avatar

Administrateur
WebDesigner

Inscrit le: 01/08/2009

Message: 8269

Commentaires: 389

Le 26/03/2013 à 10h49
Ha oui excellent .. Merci ^^



- Pas de support par Message Privé, merci.
- Mes badges de compétences.
Youtube    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie

Qui est en ligne ?
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

Swan, hight_tower, lise, enecowsertraele, arraraeric,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]