Javascript debugging logging

1,468 views

Published on

- JavaScript
- debugging
- logging
- wie man JavaScript Quellcode debuggt und somit schneller Fehler auffinden kann.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,468
On SlideShare
0
From Embeds
0
Number of Embeds
62
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript debugging logging

  1. 1. J avaScript Best PractiseDebugging und LoggingMartin Ruprecht I 03. Februar 2011 ©Mayflower GmbH 2011
  2. 2. Mayflower GmbH I 2
  3. 3. Mayflower GmbH I 3
  4. 4. 1997alert( ) Mayflower GmbH I 4
  5. 5. 1997 2011alert( ) console.log( ) Mayflower GmbH I 5
  6. 6. 1997 2010 201*alert( ) console.log( ) Mayflower GmbH I 6
  7. 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
  8. 8. Tools Mayflower GmbH I 8
  9. 9. ToolsI Firebug, Firebug LiteI Entwickler Tools (IE und Chrome)I Webinspector SafariI Web Developer ToolbarI YSLOW (Performance Debugging)I CompanionJSI FiddlerI ... Mayflower GmbH I 9
  10. 10. Firebug? Webinspector? Entwickler Tools?I Shortcuts ·Ctrl + A, Ctrl + C, Ctrl + V, Pfeil nach obenI Autocomplete mit TABI *.toString( )I *.toJson( ) Mayflower GmbH I 10
  11. 11. Debugging StrategienI Untersuchen von HTML-ElementenI Aufzeichnen von Log-NachrichtenI BreakpointsI Prototyping Mayflower GmbH I 11
  12. 12. Untersuchen von HTML-Elementen Mayflower GmbH I 12
  13. 13. Aufzeichnen von Log-NachrichtenI console.log/warn/error/info/exception/assert · Unterschiedliche Ausgabe nach Level in KonsoleI console.dir(object ) · Schreibt object formatiert in die KonsoleI console.count( ) · Zähler, z.B. für Funktionsaufrufe Mayflower GmbH I 13
  14. 14. Aufzeichnen von Log-Nachrichten Mayflower GmbH I 14
  15. 15. BreakpointsI debugger;I Individuelle BreakpointsI Conditional Breakpoints Mayflower GmbH I 15
  16. 16. Fehler gefunden?I Stack Trace · console.trace( )I Live Fixen / Testen / weiter entwickeln Mayflower GmbH I 16
  17. 17. Fehler nicht gefunden?I GoogleI Kollegen fragenI kurze Pause machenI genaue Problemdefinition Mayflower GmbH I 17
  18. 18. Fazit: Real life loggingI Logging auch an den ServerI unabhängig vom Browser einsetzbarI auch in ProduktionI unterschiedliche Levels Mayflower GmbH I 18
  19. 19. DEMO Mayflower GmbH I 19
  20. 20. Vielen Dank für Ihre Aufmerksamkeit! Kontakt Martin Ruprecht martin.ruprecht@mayflower.de +49 89 242054 1116 Mayflower GmbH Mannhardtstrasse6 80538 München14.03.11 Mayflower GmbH 20

×