JavaScript Debugging
The debugger statement can be used as a programmable breakpoint.
if (something === 'wrong') { debugger; }
Replace alerts with console.log statements or write a debug function to call the Firebug, Web Inspector, Dragonfly, or IE Toolbar
function debug(text)
{
( (window.console && console.log) ||
(window.opera && opera.postError) ||
window.alert).call(this, text);
}
Use the URL input field on the browser to test DOM changes
javascript:void(document.getElementById(“textbox”).style.display=’none’))
It is also useful for quickly outputting generated source and other DOM values
javascript:(document.write(“”+document.documentElement.innerHTML+”"))
Alerts from the command line are useful for doing quick calculations and variable checking
javascript:alert(parseFloat(“33.33″))
References
Debugging JavaScript in IE, Firefox, Safari, and Opera
Debugging AJAX Code with Firebug
Firebug Overview
Firebug Unused Selectors Check
Venkman Walkthrough
Using the Commandline API in Firebug
Firebug Tutorial
Advanced Debugging with JavaScript
Interpreting Error Messages between Browsers
JavaScript Debugging with Firebug
Firebug Tips and Tricks
Web Inspector Overview
Debugging with Web Inspector
Introduction to Opera Dragonfly
Debugging Widgets using Opera Dragonfly
How to debug JavaScript problems with Opera
How to Debug HTML and CSS Problems in Internet Explorer
IE Developer Toolbar Overview
Using the IE Developer Toolbar
Script Formatter
De-Compacting Tool
Advanced JavaScript Debugging Techniques
What Happened to ‘Operation Aborted’
Debugging Scripts with IE Developer Tools
Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.
