Extension Firefox : coloration de code source
View Source Chart est une extension Firefox mettant en valeur le code source pour une meilleure compréhension de la hiérarchie des blocs. Chaque élément dispose de sa propre couleur. La source visualisée est celle générée après manipulation du DOM s'il y a lieu, par JavaScript.
9 avril 2006 à 02:14
Firefox m’étonnera toujours ^^
9 avril 2006 à 04:02
Vu que j’utilise déjà les fonctions "Entourer" de la web developper toolbar, et quand je veux aller vite l’extension XRay, ça ferait un peu triple emploi ;)
9 avril 2006 à 08:52
L’extension web developer, est à mon avis plus utile. Comme le dit Florent V., elle possede déja une fonction "Entourer" ainsi que de nombreuses autres.
9 avril 2006 à 09:46
Excellente cette extension ! Enfin on peut voir le code tel qu’il est généré après le passage des fonctions AJAX. Et en plus c’est joliment présenté.
Merci pour le lien.
9 avril 2006 à 10:44
Pour la vision du code source généré, j’utilise simplement la fonction View Source > View Generated Source de l’extension Web Developer.
9 avril 2006 à 10:49
En plein dans le mille ! Coloration syntaxique et prise en compte des modifs DOM javascript, ce sont vraiment les deux fonctions qui me manquaient le plus dans la visu du source.
Sinon, les fonctions outline et display id & class details de la webdeveloper toolbar c’est bien, mais ça devient vite le bazar sur des pages complexes. La visualisation du code source offre une vue plus claire sur des portions précises, à mon avis.
9 avril 2006 à 11:39
nice :).
9 avril 2006 à 12:04
Uoi en effet c’est trés sympa comme addon ! Vive firefox
9 avril 2006 à 12:42
Au moins on s’éclate moins les yeux à chercher une balise… 8-|
9 avril 2006 à 14:23
A propos de la web developer toolbar, existe-t-elle en français, ou existe-t-il une traduction ? Parce que dans toutes ces options je me perd un peu moi :p
9 avril 2006 à 16:03
Oui oui, disponible tout simplement via http://www.geckozone.org/
9 avril 2006 à 19:40
Il y a aussi CSSViewer qui est génial ! Il suffit d’activer l’extension, et un passage sur les éléments de la page suffit à afficher toutes les propriétés de ceux-ci. Très pratique quand on n’a pas envie de tout chercher dans la source.
Plus d’infos :
http://www.ctrlaltsuppr.com/suje...
9 avril 2006 à 22:41
Dew combien de temps mets-tu pour faire toutes les images qui décorent tes billets ?
10 avril 2006 à 11:17
Alors ça c’est un truc pratique pour chercher des erreurs de div ou autre!! Et en plus c’est une option qui se rajoute à l’edition de source normale, donc on a toujours accès au mode sans couleur!
11 avril 2006 à 07:57
Super extension, je connaissais pas et j’adore déjà !
11 avril 2006 à 09:51
Je ne dirais rien, ça fait un moment que je l’ai et que je n’ai signalé à personne son existence, donc je me tais.
"View Source With" ( addons.mozilla.org/addon…. ) permet également la visualisation du code modifié par javascript, mais sans coloration et dans l’éditeur de son choix.
11 avril 2006 à 11:56
Merci Dewmaster pour ce lien !
11 avril 2006 à 15:32
View Source Chart
Je suis tombé par hasard chez un article chez Dew parlant d’une extension pour Firefox : View Source Chart. Cette extension bien sympathique sert à mettre en valeur le code source des pages grâce à des blocs de couleur…
11 avril 2006 à 15:36
l’outil s’emmêle pas les pinceaux avec les couleurs ?
16 avril 2006 à 01:14
hum carément bien !!! :)
question: est ce que ca reste lisible quand il n’y a pas de tab dans le source ?
19 avril 2006 à 17:29
Un super Add on pour le concepteur que je suis ^^ merci du tuyau