Your SlideShare is downloading. ×
Javascript debugging logging
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Javascript debugging logging

1,242
views

Published on

- JavaScript …

- 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,242
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. J avaScript Best PractiseDebugging und LoggingMartin Ruprecht I 03. Februar 2011 ©Mayflower GmbH 2011
  • 2. Mayflower GmbH I 2
  • 3. Mayflower GmbH I 3
  • 4. 1997alert( ) Mayflower GmbH I 4
  • 5. 1997 2011alert( ) console.log( ) Mayflower GmbH I 5
  • 6. 1997 2010 201*alert( ) console.log( ) Mayflower GmbH I 6
  • 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. Tools Mayflower GmbH I 8
  • 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. 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. Debugging StrategienI Untersuchen von HTML-ElementenI Aufzeichnen von Log-NachrichtenI BreakpointsI Prototyping Mayflower GmbH I 11
  • 12. Untersuchen von HTML-Elementen Mayflower GmbH I 12
  • 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. Aufzeichnen von Log-Nachrichten Mayflower GmbH I 14
  • 15. BreakpointsI debugger;I Individuelle BreakpointsI Conditional Breakpoints Mayflower GmbH I 15
  • 16. Fehler gefunden?I Stack Trace · console.trace( )I Live Fixen / Testen / weiter entwickeln Mayflower GmbH I 16
  • 17. Fehler nicht gefunden?I GoogleI Kollegen fragenI kurze Pause machenI genaue Problemdefinition Mayflower GmbH I 17
  • 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. DEMO Mayflower GmbH I 19
  • 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

×