Debugging Tools

[happy]

Hi,

 

Does anyone have any good tools for debugging HTML5 game development? The Console in Chrome is alright, but doesn't show me that much.

 

I'm developing with LimeJS and Closure, and as my code base footprint increases, I'm finding debugging a little tricky.

 

Any suggestions would be appreciated.

 

Cheers,

[rich]

Don't under-estimate the power of the DevTools! There are loads of JS debugging features built in, lots of which can be triggered from your code:

 

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

[happy]

Thanks Rich, I'll take a deeper look.

[DaveVoyles]

Yup, like Rich says, the Chrome debugging tools are far more powerful than they initially seem. Watch some of Google's tutorials on Chrome Tools and it will give you a better understanding. It took me a bit to get the hang of it as well.

I also go back and forth between Firebug in Firefox, but still prefer Chrome Tools. 

Take a look at some extensions offered within Chrome as well. I use a lot of them to parse JSON data and Restful APIs. Finding an extension that prevents the browser from caching while you are debugging is invaluable as well. 

[alex_h]

Finding an extension that prevents the browser from caching while you are debugging is invaluable as well. 

 

There is a checkbox for this built in to the chrome dev tools.

Settings > General > Disable cache (while DevTools is open)

[Chris]

Sadly, the option for disabling the cache while devtools are open doesn't work very well. For instance it doesn't work at all for cached AJAX requests.