Ian Oeshger, contributeur Mozilla, nous gratifie d'une introduction au DOM Inspector, outil fabuleux permettant d'analyser et modifier en temps réel un document web, tout en observant instantanément l'effet de ces modifications (supprimer un paragraphe, insérer une image, etc.)

<pour-les-nerds>Comme Mozilla (et son équivalent commercial Netscape 7) disposent d'une interface utilisateur écrite en XUL (XML, CSS, JavaScript et XBL), DOM Inspector ne se limite pas à l'inspection de documents Web, mais étend son champ d'action à l'interface utilisateur du navigateur.</pour-les-nerds>

Tout cela en fait un outil indispensable, en complément du JavaScript Debugger, pour les développeurs Web et les auteurs de thèmes Mozilla/Netscape 7.

Le DOM Inspector peut sembler complexe au début, mais une fois habitué, vous réaliserez que ces vues structurées de pages Web et des interfaces étaient des aspects du développement Web qui vous manquaient. Le DOM Inspector présente ces informations sur les pages de façon claire et structurée, et vous permet aussi de trouver et mettre à jour ces structures (...)

Je l'utilise quotidiennement dans le développement de mes pages web et même lorsque je visite des sites : quand je vois une page dont la structure me parait intéresssante, j'appuie sur Ctrl-Shift-I pour accéder au modèle de document de la page, les règles CSS intéressantes relatives à ce document, et ainsi tirer parti du travail réalisé par l'auteur de la page.

Ian explique aussi comment installer le DOM Inspector aux utilisateurs de Netscape 7, qui ne disposent pas de cet outil par défaut.