7. 1997 2010 201*
alert( ) console.log( )
„HTML5 is about moving
from documents to
applications and from
hacks to solutions.“
– Chris Heilmann, Mozilla Foundation
Mayflower GmbH I 7
9. Tools
I Firebug, Firebug Lite
I Entwickler Tools (IE und Chrome)
I Webinspector Safari
I Web Developer Toolbar
I YSLOW (Performance Debugging)
I CompanionJS
I Fiddler
I ...
Mayflower GmbH I 9
10. Firebug? Webinspector? Entwickler Tools?
I Shortcuts
·Ctrl + A, Ctrl + C, Ctrl + V, Pfeil nach oben
I Autocomplete mit TAB
I *.toString( )
I *.toJson( )
Mayflower GmbH I 10
13. Aufzeichnen von Log-Nachrichten
I console.log/warn/error/info/exception/assert
· Unterschiedliche Ausgabe nach Level in Konsole
I console.dir(object )
· Schreibt object formatiert in die Konsole
I console.count( )
· Zähler, z.B. für Funktionsaufrufe
Mayflower GmbH I 13
16. Fehler gefunden?
I Stack Trace
· console.trace( )
I Live Fixen / Testen / weiter entwickeln
Mayflower GmbH I 16
17. Fehler nicht gefunden?
I Google
I Kollegen fragen
I kurze Pause machen
I genaue Problemdefinition
Mayflower GmbH I 17
18. Fazit: Real life logging
I Logging auch an den Server
I unabhängig vom Browser einsetzbar
I auch in Produktion
I unterschiedliche Levels
Mayflower GmbH I 18
20. Vielen Dank für Ihre
Aufmerksamkeit!
Kontakt Martin Ruprecht
martin.ruprecht@mayflower.de
+49 89 242054 1116
Mayflower GmbH
Mannhardtstrasse6
80538 München
14.03.11 Mayflower GmbH 20