FREE Subscription to Dr. Dobb’s Digest: Same Great Content, New Digital Edition
Site Archive (Complete)
Architecture & Design
Email
Print
Reprint

add to:
Del.icio.us
Digg
Google
Furl
Slashdot
Y! MyWeb
Blink
January 10, 2007
AJAX Debugging with Firebug

A Firefox extension that makes web development fun again

(Page 1 of 6)
Joe Hewitt
Firebug is a Firefox extension that includes all the tools you need for efficient debugging during the Web development process.
Joe is the Chief Technology Officer at Parakey Inc. and is the creator of Firebug. Contact him at joe@joehewitt.com.


In the early days of the Web, all you needed to know to craft web sites was HTML. More than a decade later, the situation has changed. Modern web sites are a product of several distinct technologies, and web developers must be proficient in all of them—HTML, CSS, JavaScript, and the DOM, among others.

Then a couple of years ago, AJAX came along and every web development tool on the market became obsolete overnight. Today you can no longer rely strictly on tools that were designed for the creation of static pages. This is where Firebug comes in.

Firebug, an extension I wrote for the Firefox browser (www.mozilla.com), makes web development fun again. Combined with your favorite text editor, the freely available Firebug (www.joehewitt.com/software/firebug/) is a highly productive IDE for the complete stack of AJAX technologies.

Firebug Overview

Firebug's biggest draw is its convenience. As you browse with Firefox, you can open Firebug at any time to begin working on any page. Firebug appears either as a separate window or as a small panel at the bottom of your browser. Tabbed browsing and Firebug are best friends; each tab can hold a separate Firebug session, which always reflects the current page as you browse.

Firebug breaks the page down into a set of tabs that depict its most important aspects—HTML, CSS, JavaScript, the DOM, network activity, and a console for errors and log messages. No tab is an island; Firebug lets you browse code just as you browse the Web by presenting objects as hyperlinks that can take you from one view to another.

1 Ajax Debugging With Firebug | 2 The Firebug Workflow | 3 Experimenting and Tweaking | 4 Log Debugging | 5 Breakpoint Debugging | 6 Profiling Next Page
TOP 5 ARTICLES
No Top Articles.
DR. DOBB'S CAREER CENTER
Looking for a new job? open | close
Search jobs on Dr. Dobb's TechCareers
Function:

Keyword(s):

State:  
  • Post Your Resume
  • Employers Area
  • News & Features
  • Blogs & Forums
  • Career Resources

    Browse By:
    Location | Employer | City
  • Most Recent Posts:



    MICROSITES
    FEATURED TOPIC

    ADDITIONAL TOPICS

    INFO-LINK



     




    Techweb
    Informationweek Business Technology Network
    InformationweekInformationweek 500Informationweek 500 ConferenceInformationweek AnalyticsInformationweek Events
    Informationweek MagazineGlobal CIOIWK Government ITbMightyByte and SwitchDark Reading
    Digital LibraryIntelligent EnterpriseInternet EvolutionNetwork ComputingPlug Into The CloudDr. DobbsContentinople
    space
    TechWeb Events Network
    InteropVoiceConWeb 2.0 ExpoWeb 2.0 SummitEnterprise 2.0Mobile Business ExpoNoJitter
    Black HatGTECEnergy CampCloud ConnectGov 2.0 ExpoGov 2.0 Summit
    space
    Light Reading Communications Network
    Light ReadingLight Reading AsiaUnstrungCable Digital NewsInternet EvolutionPyramid Research
    Heavy ReadingLight Reading LiveLight Reading InsiderEthrnet ExpoTelco TVTower Technology Summit
    space
    Financial Technology Network
    Advanced TradingBank Systems and TechnologyInsurance and TechnologyWall Street and TechnologyAccelerating WallstreetBST SummitBuyside Trading SummitIT Summit
    space
    Microsoft Technology Network
    MSDNTechNetTotal IT ProTotal Dev ProNET Total Dev Pro CommunitySQL Total Dev Pro Community
    space