Web Developer poutr Firefox
6 pages
Publié par
Woonoo
Copyright :
Tous droits réservés
Barre d outils web Developer pour firefox
Vous pouvez télécharger la webdeveloper toolbar ici : http://joliclic.
free.
fr/mozilla/webdeveloper/
Vous pouvez télécharger la webdeveloper toolbar ici : http://joliclic.
free....
[Plus]
Barre d outils web Developer pour firefox
Vous pouvez télécharger la webdeveloper toolbar ici : http://joliclic.
free.
fr/mozilla/webdeveloper/
Vous pouvez télécharger la webdeveloper toolbar ici : http://joliclic.
free.
fr/mozilla/webdeveloper/
Dans le premier menu, Désactiver, vous pourrez par exemple
• Désactiver le Javascript, utile en terme de test d’accessibilité, en effet le Javascript dans vos pages peut
masquer certaines informations.
• Pourquoi ne pas repartir de zéro et "désactiver les couleurs de la page", vous pourrez même désactiver tous
les styles Css de la page (et ce de façon précise : ceux inclus dans la page, ceux liés à une feuille externe)
• Depuis que vous utilisez Firefox, les popups vous manquent ? et bien choisissez "désactiver le bloqueur de
popups pour les voir réapparaître.
Passons le menu CSS (plus bas) pour s’attarder au menu Form.
qui vous permettra de tester les formulaires des
pages web :
• tester les variables envoyées en Get ou en Post
• voir les informations liées aux formaulaires : adresse du script utilisé, ID, voir les mots de passe que vous
entrez.
Le menu images
• vous donnera des informations visuelles : taille, affiche/masquer.
.
.
• vous permettra par exemple de repérer les images qui n’ont pas d’attribut "alt" (accessibilité), qui n’ont pas
de taille spécifiée, de repérer les Url des images.
Les menus Informations et Divers sont des petits fourre-tout où l’on trouvera des choses bien utiles comme :
• l’affichage des AccesKeys
• l’affichage de la taille des blocs
• Vous pourrez repérer facilement les "ID" et les "Class"
• Lire les informations sur les cookies ou les effacer
• Vider le cache
• Afficher les commentaires du code Html.
.
.
Le menu "Entourer" permet de repérer la "super-structure" de la page en mettant en évidence les blocs, frames,
cellules de tableaux.
.
.
on peut personnaliser les couleurs d’affichage des blocs en fonction des éléments "div" de la
page.
Vous pourrez rapidement redimensionner vos pages dans autant de résolutions que vous souhaitez (il suffit d’en
rajouter)
Le menu validation permet de renvoyer vers les "validateurs" connus ( Html, css, accessibilité ).
Cette liste est
personnalisable [1], et vous seriez bien inspiré d’y rajouter ce validateur Html moins "froid" que celui du W3C et
francophone de surcroît.
A noter que vous pourrez même tester une page produite en local.
[Moins]
Insérez un miniCalaméo dans votre page Web ou votre blog
Tags
affichage,
afficher,
code,
cookies,
désactiver,
entourer,
exemple,
firefox,
html,
http,
images,
informations,
menu,
pourrez,
tableaux,
taille,
voir
Sites renvoyant vers cette publication (5)