Firebug video
Joe Hewitt demos firebug. If you’ve been using firebug a lot, this will mostly be a review, but I saw several things I hadn’t noticed before:
- calling console.profile in your javascript to turn on the profiler for specific regions of code, rather than the bazooka style profiling that the profile button gives you.
- There is a “log all calls to” option in the right click menu when you are inside a function definition in the script tab. Params are logged! If you want to log the stack traces, use console.trace.
- I use the box model display often, but I didn’t notice before that rulers are added to your page when you mouse-over the box. Nice.
- When you are editing an attribute in the HTML or the CSS edit modes, you can use cursor keys to increase or decrease dimensions.
- Documentation for the firebug API is coming soon!
- Ctrl-Click while debugging will “run to the clicked line”.
- When you are in the DOM tab, the variables you added to the name space are in bold at the top… handy.
- When you paste multi-line text into the console’s command line, you get a larger text area to enter your code.
- The copy button in that larger javascript area mushes together the current javascript into a string suitable for bookmarklets.
Questions:
When will Javascript be directly editable in Firebug?
When will Javascript have syntax highlighting?