Kategorien
CSS JavaScript Web Frontend Webdeveloper Tools

Debugging Tools für Firefox, IE, Chrome, Safari, Opera

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

Enthält auch bereits von hause aus Developer Tools: Opera Dragonfly
Starten lässt Dragonfly mit Strg + Shift+ I oder auf dem Mac mit ⌘ + ⌥ + I.

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