All posts tagged ‘debug’

Blackbird Tool Makes JavaScript Alert() Debugging Obsolete

If you’re debugging JavaScript, you’ll probably be interested in something a little more comprehensive than alert(). Blackbird adds some control and specificity to the debugging messages you install into your code to see if it is working. It also makes the debugging window a little more controllable than the error message that pops up for an alert().

It does so by adding a floating black table (seen to the right) that you can use to log different errors and data points throughout your code. It makes debugging a cinch, and it helps you figure out what you’re doing wrong in a much more visible manner than adding alerts.

Blackbird is installed by adding a link in your page to some lightweight, downloadable JavaScript and CSS. Open the pop-up logging window using the F2 key. Other F2 variations will move the window, make it larger and close it.

The developers of blackbird promise you’ll never use alert() again. Check out the Blackbird webpage for code and live examples of the coding box and the kind of messages you can install in your page.

This isn’t a replacement for other debugging tools, like Firebug. However, unlike Firebug and like HTML design debugging tool XRAY or Firebug Lite, it works over any modern browser without a software installation.

See Also

File Under: Software & Tools

Latest Firebug Beta Works in Firefox 3

Firebug bug logo

Developers staying with Firefox 2 for its Firebug support should check out the popular extension’s latest beta.

Early versions of Firefox 3 did not play well with Firebug, which reaches deep into the browser’s internals. Many developers chose to stick with the older version of Firefox, despite the new features available in Firefox 3.

Firebug 1.2 Beta has been available for a few weeks and is receiving a much better response. Developers have noted a few issues (it’s beta, after all), but very little crashing and burning, as seen prior to the official release of Firefox 3.

Firebug is a web development tool for tweaking CSS, debugging JavaScript and more. It is like juiced-up “view source” for seeing how others put a site together. Firebug really shines when used to streamline your own development.

Give this Beta a shot and let us know how it works for you.

See Also: