Support WordPress Francophone / Des plugins navigateurs pour explorer les sites !

Damino · 01-11-2005 12:54:39

Voilà je vous propose ici des plugin ou extensions (selon le vocable utilisé par les developpeurs de navigateurs) pour vos butineurs.

Pour FireFox : Web Developer
Cette extension vous permettra entre autres :
-Visualiser les feuilles de Style
-Editer les feuilles de style directement pour voir les modifications que cela engendre sur une page web !
-Visualisation et Coloration syntaxique de code source.
-Visualiser les blocs, frame, tableaux avec nom et taille des blocs !
-Visualisation des médias utilisés dans une page web avec infos taille, poids, ...
-Et pleins d'autres choses à découvrir.

Pour Safari : pleins de plugin sur PimpMySafari
Et principalement SafariStand qui permet :
-Visualisation et coloration syntaxique du code.
-Edition du HTML (XHTML) directement sur la page pour visualiser les modifications !
-Visualisation des CSS.
-Visualisation des ressources d'une page (médias, liens, fichiers css, js, ...)
-Affichage des frames
-Et pleins d'autres choses.

Un navigateur pour mac trés spécial : XyleScope
Celui-ci permet de "voir" toute l'architecture d'un site : le css aussi bien que le HTML (XHTML) avec possibilité d'éditer le CSS. Et un mode permet en cliquant sur une partie du site de voir comment ce bloc est situé dans le site (le div ou class, h1 ou p, ...).

Voilà étant un utilisateur Mac, je ne connais pas les plugin pour IE, c'est à vous de compléter. Mais je ne recommande pas IE de tout façon car il ne respecte pas complètement les standards du web W3C.

Enfin je ferai remonter dans ce post vos liens vers des plugins "developpeurs".

Dernière modification par Damino (25-11-2005 11:05:39)

z720 · 05-11-2005 15:40:23

J'utilise Firefox et j'utilise aussi quelques autres extensions :
- Measure It pour vérifier la taille des blocs et les marges
- ColorZilla pour récupérer et vérifier des codes couleurs.
- HTML Validator pour valider les pages (basé sur Tidy)

Sans compter webdeveloper toolbar qui est indispensable.

artxtra · 27-10-2006 10:22:38

On peut rajouter livehttpheaders qui lit les requetes http.
J'utilise aussi CSS viewer, un peu mieux que la webdeveloppertoolbar pour rendre compte du CSS, et view source chart, pour rendre l'imbrication des balises et des blocs.
Et IEtab quand j'ai la flemme de charger IE6

Damino · 27-01-2007 19:01:54

Et j'en rajoute un petit dernier vraiment excellent.
Il s'agit de FireBug qui est une extension pour Firefox qui permet de faire à peut près tout : éditer en ligne HTML, CSS, javascript, voir la structure du site, les infos de tailles de blocs, marges, ... bref de quoi tester ses modification avant de passer à l'acte.

AmO · 28-01-2007 00:03:57

Sympa tout ces liens... pour ma part j'utilise :

Web Developper toolbar (developpement CSS/HTML)
Firebug (developpement JS)
Colorzilla (design)
Live HTTP Headers (référencement)
view source chart

Autant dire que vous les avez tous citer wink

dreamer · 28-01-2007 10:11:16

Salut

Sur FF , j'utilise :

-Web Developper toolbar

-videodownloader

-geoURL

-colorZilla

-Firebug

-Sage ( lecteur RSS)

-View Dependencies

-Skype pour Firefox

Un ou deux autres sans interêt .

A +

zadig · 29-01-2007 20:57:54

Ce n'est pas vraiment le theme de cette discussion mais je conseille cette application (pour Mac) COOLIRIS qui s'utilise pour GOOGLE et YAHOO avec SAFARI.
Elle permet d'avoir une prévisualisation des sites simplement en survolant les liens. Une fenetre s'ouvre et affiche la page sur laquelle vous pointez.
Il existe une extension pour FIREFOX. Ca fonctionne mieux avec Firefox qu'avec Safari, puisqu'avec FIREFOX on peut survoler les liens et ouvrir une previsualisation pour les sites queql qu'ils soient.
Cooliris

Voir également dans le forum la discussion sur SNAP.

Dernière modification par zadig (31-01-2007 12:01:23)

zadig · 30-08-2007 12:27:51

z720 a écrit:
J'utilise Firefox et j'utilise aussi quelques autres extensions :
- Measure It pour vérifier la taille des blocs et les marges
- ColorZilla pour récupérer et vérifier des codes couleurs.
- HTML Validator pour valider les pages (basé sur Tidy)

Sans compter webdeveloper toolbar qui est indispensable.

Il y a aussi xRay. Il suffit de glisser le script dans la barre de menu de Firefox. Pour visualiser les élements d'une page, on clique sur xray puis dans la partie de la page qu'on veut explorer.

Dernière modification par zadig (30-08-2007 12:30:05)

Damino · 14-09-2007 23:16:23

Pas mal du tout ce Xray. Manque un peu de précision mais rapide et efficace. L'équivalent pour le Web Developer serait le "Display Element information".