Zum Debuggen von Webseiten braucht man immer spezielle Entwickler Tools für jeden einzelnen Browser, weil sich die Darstellung in jedem Browser ändert oder Javascript Fehler nur in bestimmten Browsern auftreten. Bevor man an die Arbeit geht sollte man unbedingt checken, ab das der Browser Cache deaktiviert ist in dem jeweiligen Browser, sonst erhält man eine nicht aktuelle Version der Webseite.
Debugging Tools beim Firefox 15
Geht über das bekannte und beste Plugin: Firebug
Ich verwende zusätzlich die Plugins: Web Developer und Colorzilla. Durch die sehr guten Plugins ist der Firefox mein Entwicklungsbrowser der Wahl.
Debugging Tools bei Chrome 21
Chrome enthält bereits die Developer Tools (start mit ctrl+shift+i oder beim Mac command+option+i).
Es ist auch möglich Firebug Lite zu benutzen in Chrome sowie allen anderen Browsern.
Debugging Tools beim Internet Explorer 9 (IE9)
Der Internet Explorer 9 enthält auch bereits Developer Tools (start mit F12).
Debugging Tools bei Opera 12
Debugging Tools bei Safari 5
Geht über die schon enthaltenen Entwickler Tools:
Aktivieren der Entwickler Tools: oben rechtes das Rädchen klicken->Einstellungen-> Erweitert->”Menü Entwickler in der Menüleiste anzeigen”
Anzeigen der Menüleiste: oben rechtes das Rädchen klicken->Menüleiste anzeigen