Au hasard d'une recherche je suis tombé sur un site parlant de tout et de rien, mais surtout proposant des outils pour webmaster qui sont interressants et super utiles.
d
Commençons par MODIv2 , cet outil en JS compatible avec tous les navigateurs permet sur n'importe quelle page en cours de :
- voir les infos sur un element de la page (div, img, a, ...)
- cacher, supprimer, copier, coller l'element
- changer la couleur de fond de l'element
- chercher le parent de l'element
- donner le code source de l'element, modifiable en temps réel
et pleins d'autres fonctions

http://slayeroffice.com/tools/modi/v2.0/modi_help.html

Mais "Favelet suite" permet de regrouper plein d'outils (toujours en JS) pour tout webmaster qui cherche des astuces pour récuperer une couleur, récupérer les fonctions js, l'arbre des balises html, ...
http://slayeroffice.com/?c=/content/tools/suite.html

Alors comment ça fonctionne ?

Il faut mettre le lien fourni en favoris, ensuite ouvrons une page à étudier/modifier dans son navigateur, il suffit alors pour charger l'outil, de lancer le lien favoris qui charge un .js et affiche une fenetre sur la gauche.

En regardant l'aide vous verer les raccourics claviers pour mieux utiliser les outils.

J'ai trouvé celà pas mal interressant, surtout pour tester, pour vérifier, et pour fouiner facilement sur des astuces d'autres sites.

Note sur le site : sur slayeroffice, on trouve aussi des scripts pour slideshow, pour des animations de texte, etc.

Mouais, rien de plus que se que proposent déja les web dev toolbars officiels des différents browsers donc...

gizmo> Y a une toolbar dev pour IE aussi?

oui, bien sur, ainsi qu'un tres bon debugueur JS. La toolbar est dispo sur le site de MS, le debugueur dans Office ou dans Visual Studio Express (gratuit).