

Set breakpoint(s) where you think interesting things may occur.Find the relevant code in the debugger’s code view pane.When investigating a specific problem, you will usually follow this process: Since the debuggers are roughly comparable in functionality, it’s easy to switch between them once you know how to use one. IE8’s beta tools sometimes ignore breakpoints, and at the time this article was written, WebInspector seemed to have compatibility issues with the nightly builds of Webkit.įamiliarize yourself with multiple debugging tools-you never know in which browser the next bug will arise. In more recent versions of Safari, the debugger has been integrated into WebInspector.Ĭurrently, Firebug and Dragonfly are the most stable options. Safari has both the Drosera JS debugger and a DOM viewer called WebInspector.Opera (versions 9.5 and greater) supports the Opera Dragonfly debugger.IE8 (in beta at the time of this writing) comes with built-in Developer Tools.


3 days of design, code, and content for web & UX designers & devs.
