Debugging Waterbear with browser developer tools

Modern browsers have excellent tools for developing web applications, including DOM inspectors, stylesheet inspectors, JavaScript debuggers, performance tools, and a powerful console utility.

DOM Inspector

The DOM (Document Object Model) is how HTML is represented in the browser once it is parsed and available to JavasScript. Nearly all state in Waterbear is represented in the DOM, so the DOM inspector has access to all of that.

Some useful links:

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

https://developer.mozilla.org/en/docs/Debugging_JavaScript

http://msdn.microsoft.com/en-us/library/dd565625(v=vs.85).aspx