DOM Inspector
aus FirefoxWiki, der freien Wissensdatenbank
Der DOM Inspector ist eine Erweiterung, um das Document Object Model (DOM (http://de.wikipedia.org/wiki/Document_Object_Model)) von Webseiten und der Firefox-Benutzeroberfläche zu analysieren, anzuzeigen oder zu verändern.
Der DOM Inspector ist somit ein hilfreiches Werkzeug für Webentwickler (Autoren von Webseiten) und Programmierer von Erweiterungen.
| Inhaltsverzeichnis |
Was kann der DOM Inspector?
Der DOM Inspector ermöglicht verschiedene für Entwickler nützliche Funktionen.
- Anzeigen der Baumstruktur der Elemente, z.B. von HTML oder CSS, von Webseiten oder der Benutzeroberfläche (XUL)
- Anzeigen der Attribute von Elementen
- Suchen und Auswählen von Elementen und Klassenbezeichnungen (wie
IDundclass) - Herausfinden, welche Stylesheets oder Bilder Elemente verwenden
- Herausfinden, welche Eigenschaften und Methoden von Elementen über JavaScript angesprochen werden können
- Anzeigen, Bearbeiten oder Ausführen dieser Eigenschaften und Methoden
Anleitungen und weiterführende Dokumentation zum Thema DOM und DOM Inspector finden Sie bei den Weblinks am Seitenende.
Installation
Der DOM Inspector ist ab Firefox 3 nur noch als Erweiterung verfügbar: DOM Inspector auf addons.mozilla.org (https://addons.mozilla.org/de/firefox/addon/6622)
Bis einschließlich Firefox 2.0.0.x kann der DOM Inspector schon während der Installation von Firefox installiert werden. Dafür muss die "Benutzerdefinierte Installation" gewählt werden. In Firefox 1.5 und älter steht er danach unter dem Auswahlpunkt "Developer Tools" bereit.
Der DOM Inspector war von November 2003 bis zu Firefox 2 Bestandteil von Mozilla Firefox.
Auch für andere XUL-Anwendungen wie Thunderbird ist der DOM Inspector als Erweiterung verfügbar.
Wie finde ich den DOM Inspector?
Der DOM Inspektor kann mit der Tastenkombination Strg+Umschalt+I oder über das Menü Extras > DOM Inspector aufgerufen werden.
Siehe auch
Weblinks
- DOM Inspector Tutorial (http://www.stichpunkt.de/firefox/ff-dominspector.html)
- mozilla.org DOM Inspector (http://www.mozilla.org/projects/inspector/) (englisch)
- DOM Inspector FAQ (http://www.mozilla.org/projects/inspector/faq.html) (englisch)
- Introduction to the DOM Inspector (http://web.archive.org/web/20041123092656/http://www.brownhen.com/DI.html) (englisch)
- Artikel über DOM Inspector bei der MozillaZine Knowledge Base (http://kb.mozillazine.org/DOM_Inspector) (englisch)
- Document Object Model (DOM) bei Wikipedia (http://de.wikipedia.org/wiki/Document_Object_Model)
- Spezifikationen des Document Object Models (DOM) bei w3.org (http://www.w3.org/DOM/) (englisch)
- Dokumentation zu DOM beim Mozilla Developer Center (http://developer.mozilla.org/en/docs/DOM) (englisch)
