Schwerpunkt DienstprogrammeInternet Explorer-Symbolleiste für Entwickler

Lance Whitney

Unabhängig davon, ob Sie selbst Webinhalte entwickeln oder lediglich Ihren lokalen Webmaster unterstützen, kann Ihnen ein kostenloses Microsoft-Dienstprogramm die Arbeit erleichtern. Die Internet Explorer-Symbolleiste für Entwickler hilft Ihnen dabei, fehlerhafte Webseiten zu korrigieren, indem sie Ihnen einen Blick hinter die Kulissen gestattet. Die Symbolleiste zeigt alle Tags und Stile für Text, Tabellen, Bilder und andere HTML-Inhalte an. Sie können Stilregeln anzeigen, bestimmte Elemente auf Ihrer Seite hervorheben und sogar Ihren HTML- und CSS-Code überprüfen.

Die Internet Explorer-Symbolleiste für Entwickler wird mithilfe der herunterladbaren Datei „IEDevToolBarSetup.msi“ installiert. Wenn Sie Internet Explorer nach der Installation erneut öffnen, wird in der Befehlsleiste eine neue Schaltfläche namens „IE Developer Toolbar“ (IE-Symbolleiste für Entwickler) angezeigt. Klicken Sie auf die Schaltfläche. Daraufhin wird die Symbolleiste im unteren Teil Ihres Browserfensters geöffnet, der in drei Fensterbereiche unterteilt ist (siehe Bildschirmfoto). Im ersten Fensterbereich wird eine Strukturansicht aller Ihrer Webseitenelemente angezeigt. Durch Klicken auf ein Element werden seine Attribute und Stile in den beiden anderen Fensterbereichen aufgelistet.

Mithilfe von Pulldownmenüs können Sie bestimmte Elemente auf dem Bildschirm hervorheben, indem Sie entweder auf sie klicken oder nach ihnen suchen. Wenn Sie beispielsweise nach allen h3-Tags suchen, werden sie nacheinander in der Strukturansicht angezeigt. Durch Auswahl eines Tags wird dann sein entsprechendes Element auf der Seite hervorgehoben. Sie können auch nach Elementen suchen, indem Sie bestimmte Kategorien wie div-Tags, Tabellen, Bilder und Objekte, die mit absoluter oder relativer Positionierung platziert wurden, auswählen.

Hinter den Kulissen einer Webseite

Die Symbolleiste kann für die Arbeit mit Stilregeln besonders hilfreich sein. Sie kann alle Elemente auf einer Seite hervorheben, die mit ID- oder Klassenstilen formatiert wurden. Sie können einen Bericht mit allen Regeln in Ihrem Stylesheet generieren, um festzustellen, wo und wie sie angewendet werden. Es ist auch möglich, den gesamten CSS-Code zu deaktivieren, um zu sehen, wie sich dies auf Ihre Seitenelemente auswirkt.

Um grafische Objekte mit der Symbolleiste zu verwalten, können Sie Bilder aktivieren und deaktivieren sowie die Auflösung, die Größe, den Pfad und das alt-Tag für jedes Bild anzeigen. Die Symbolleiste generiert zudem einen leicht lesbaren Bildbericht, in dem die wichtigsten Details für alle Grafiken angezeigt werden.

Mithilfe der Symbolleiste können Sie mühelos die Größe Ihrer Browserseite auf eine Auflösung von 800 x 600 bis 1280 x 1024 umstellen oder in eine eigene benutzerdefinierte Größe ändern. Mithilfe eines Lineals auf dem Bildschirm wird jedes Element in Pixeln gemessen. Ein Farbauswahltool zeigt eine Pipette an, die es Ihnen ermöglicht, ein Objekt auszuwählen, um seinen Farbwert als RGB-Wert und als Hexadezimalwert anzuzeigen.

Um Ihnen bei der Behebung von Webseitenproblemen zu helfen, kann die Symbolleiste bestimmte Elemente wie JavaScript und Cookies deaktivieren. Sie können die HTML-Quelle Ihrer Inhalte anzeigen – entweder die gesamte Seite oder nur ein ausgewähltes Objekt. Darüber hinaus wird die Quellenansicht formatiert und farbcodiert, damit Sie die Inhalte problemlos von den Tags unterscheiden können. Über die Strukturansicht können Sie sogar Stile und andere Attribute in der gerenderten Ansicht Ihrer Seite hinzufügen und entfernen, um die entsprechenden Auswirkungen sehen. Abschließend stellt die Symbolleiste sicher, dass Ihre Inhalte auf XHTML-Gültigkeit, fehlerhafte Links und Zugänglichkeit geprüft wird, indem sie Ihre Seite an den Prüfdienst des World Wide Web Consortium (W3C) weiterleitet.

Die Internet Explorer-Symbolleiste für Entwickler ist mit Internet Explorer 6 und 7 unter Windows XP, Windows Vista und Windows Server 2003 kompatibel. Weitere Informationen und einen Link für das Herunterladen der Symbolleiste finden Sie unter go.microsoft.com/fwlink/?LinkId=125120.

Lance Whitney ist IT-Berater, Webentwickler und Autor technischer Artikel. Er hat sich intensiv mit dem Optimieren von Windows-Arbeitsstationen und -Servern beschäftigt. Er ist von Haus aus Journalist und hat vor etwa 15 Jahren den Sprung in das kalte Wasser der IT-Welt getan.