Mit dem Erscheinen von Safari 5 ist selbstverständlich auch eine neue Version des Web Inspector enthalten. Er dient zum Analysieren und Debuggen von Webseiten (ähnlich dem Firebug-Plugin für Firefox).
The Web Inspector gives you quick and easy access to the richest set of development tools ever included in a browser. From viewing the structure of a page to debugging JavaScript to optimizing performance, the Web Inspector presents its tools in a clean window designed to make developing web applications more efficient.
Als Flashentwickler ist man es gewohnt, einen Debugger zu haben. Das entsprechende JavaScript-Pendant findet man in Safaris „Web Inspector” – und dieser wurde weiter verbessert in Safari 5. Hier eine kurze Anleitung, wie man mit dem neuen Web Inspector Breakpoints setzen kann und Variablenwerte direkt aus dem Code ausliest.
Debugger aktivieren
Zur Demonstration habe ich eine ganz einfache HTML5-Seite mit einem JavaScript-Schnippsel erstellt. Es wird eine Variable mit dem Wert 23 initialisiert und diese dann hochgezählt.
-
span style="color: #3366CC;">"text/javascript""init()">
2 Kommentare zum Beitrag "Safari 5: JavaScript-Debugging mit dem Web Inspector"
Man super Beitrag, ist zwar schon länger online, ich habe ihn aber gerade erst gefunden. Da habe ich schon länger nach Lösungen gesucht und es ist so einfach :-) Danke
Klasse, vielen Dank :)
Schreibe einen Kommentar