Facilitating the Spread of Knowledge and Innovation in Professional Software Development

Write for InfoQ


Choose your language

InfoQ Homepage News Firebug aids Mashup Development

Firebug aids Mashup Development

This item in japanese

Phil Rees has written an introduction to Firebug using the Google Mashup Editor (still in limited beta) and his DanceMaps mashup.  He walks through everything from CSS to Yahoo! Pipes and how Firebug helps web development.

Firebug is a Firefox plugin for web development. It provides the ability to edit, debug and monitor CSS, HTML, and JavaScript live in any web page. Among some of the features Rees talks about are:

  • Inspect custom stylesheets included by Google Mashup Editor
  • Modify in-memory stylesheets to see the changes reflected immediately
  • Place watches and breakpoints into running JavaScript
  • Execute arbitrary JavaScript in the context of your running application
  • Monitor Ajax calls, showing response times, posted content, and results
  • Profile JavaScript functions to help you identify bottlenecks and optimize your application.

Tutorials, screencasts and documentation for Firebug are available at and elsewhere. Michael Sync is current writing a series of blog posts with detailed descriptions of the functionality. He started in early September and has continued with numerous posts since then.

Rate this Article