Poster une réponse à un sujet: outil inspecteur de DOM et plus
Attention, ce sujet est un sujet ancien (6413 jours sans réponse)
gizmo
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).
zion
gizmo> Y a une toolbar dev pour IE aussi?
gizmo
Mouais, rien de plus que se que proposent déja les web dev toolbars officiels des différents browsers donc...
Dj_Gogo_2000
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.
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.