Javascript debugging logging

J avaScript Best PractiseDebugging und LoggingMartin Ruprecht I 03. Februar 2011 ©Mayflower GmbH 2011

Mayflower GmbH I 2

Mayflower GmbH I 3

1997alert( ) Mayflower GmbH I 4

1997 2011alert( ) console.log( ) Mayflower GmbH I 5

1997 2010 201*alert( ) console.log( ) Mayflower GmbH I 6

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

Tools Mayflower GmbH I 8

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

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

Debugging StrategienI Untersuchen von HTML-ElementenI Aufzeichnen von Log-NachrichtenI BreakpointsI Prototyping Mayflower GmbH I 11

Untersuchen von HTML-Elementen Mayflower GmbH I 12

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

Aufzeichnen von Log-Nachrichten Mayflower GmbH I 14

BreakpointsI debugger;I Individuelle BreakpointsI Conditional Breakpoints Mayflower GmbH I 15

Fehler gefunden?I Stack Trace · console.trace( )I Live Fixen / Testen / weiter entwickeln Mayflower GmbH I 16

Fehler nicht gefunden?I GoogleI Kollegen fragenI kurze Pause machenI genaue Problemdefinition Mayflower GmbH I 17

Fazit: Real life loggingI Logging auch an den ServerI unabhängig vom Browser einsetzbarI auch in ProduktionI unterschiedliche Levels Mayflower GmbH I 18

DEMO Mayflower GmbH I 19

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

Javascript debugging logging

by Mayflower GmbH on Mar 16, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 59

Statistics

Javascript debugging logging — Presentation Transcript