AJAX APIs Playground Version 2
Playground is an educational application designed to show interactive code samples for some of Google's coolest Javascript APIs.
Playground is an educational application designed to show interactive code samples for some of Google's coolest Javascript APIs. The breakpoints and Firebug Lite additions are some of the new features included in the version 2.
New features
- Break points (simulated in Javascript)
- Firebug Lite in output for debugging
- Line numbers in code editor
- Ability to edit HTML of samples
When code runs on the Playground, it runs in an iFrame. That iFrame does not have the Firebug object initialized in it. Since it is a cross-domain iFrame, there's no simple way to add Firebug to the iFrame's window object, so adding Firebug Lite was the best approach. This makes it so you can now use all of your favorite Firebug debugging convenience functions in the Playground.
To use Firebug Lite and breakpoints, simply click on the line number you want to add a breakpoint to and hit "Debug Code". This will insert Firebug Lite into the output and pause the execution on the breakpoint line number until you to click the play button to continue. Try adding a breakpoint to a line, clicking "Debug Code", then opening Firebug Lite and typing in a variable name to inspect the contents/value of the variable at that point in the code.
Comments
Be the first to write a comment
You must me logged in to write a comment.