Most jöttem csak rá, hogy a Firebug mennyire jól használható AJAX-os alkalmazások debuggolására is. Persze mára már minden webes fejlesztésem nélkülözhetetlen eszközévé lépett elő, a programozástól kezdve – legyen az ASP.NET, PHP vagy JavaScript – a designig, a CSS elemek és a pure HTML kód ellenőrzésén át mindenre a DOM böngészéséről nem is beszélve. És ez a felsorolás most kiegészült az AJAX-os kérések debuggolásával.

A Firebuggal egyszerűen tudom az AJAX-os kérésekben és válaszokban utazó adatokat ellenőrizni így megkímél az alert()-ek kényelmetlen használatától, az Ethereal-t pedig egy kicsit erősnek érzem ilyen feladatok alkalmazására, bár igaz, hogy nem is erre találták ki:

A fenti képen is látszik amint a kliens meghív egy AJAX-os GetServerTime metódust (senkit ne zavarjon meg a függvény neve, annak ugyanis semmi köze sincs a kérésben szereplő adatokhoz a data1-hez és data2-höz, a képek csupán egy teszt alkalmazásról készültek: AjaxProTest), a Post-ban és a Response-ban pedig szépen nyomon lehet követni a kérésben szereplő változók értékét:

Persze az egyes változók értékét a Script fülön lévő “Watch expression”-nel is nyomon követhetjük valamint itt akkár töréspontokat is illeszthetünk a kódba. Elmondhatatlan, hogy mekkora segítséget tud nyújtani ez a fajta nyomkövetés egy fejlesztés során. És ez csupán egy töredéke mindannak amire a Firebug használható.