alert() to echo stuff out to the screen. It’s stupid and distracting and takes for ever if you’re debugging a lot of stuff.
I toyed with the idea of spawning a popup and tracing the info to that, but I don’t like popups. They are possibly more annoying than alert messages (well… maybe not). I decided to echo the messages out to a
div on the page instead. Then feature creep set in. Before I knew it, it was a draggable, scalable window with some nifty features. Never one to be selfish, I thought other people could find a use for it too, so I’ve released it for anyone who wants it: here it is. Use it, play with it and improve on it as you see fit.
The script currently has the following features:
- the window drags & scales,
- you can output a delimeter quickly to help further organize your tracing,
- you can quickly clear the window,
- the system is very easy to implement (even for a novice DOM scripter), and
- it’s easily removable once your debugging is complete.
Special thanks go out to Aaron Boodman, whose DOM Drag was perfect for the dragging and enabled me to hook up a window stretcher pretty easily, Richard Rutter, whose Browser Stickies were also somewhat of an inspiration, and Dave, for helping me debug the scaling code.
Aside: one nice feature of the script is that, once it was operational, I was able to use it to debug itself… how cool is that?