Firebug
A Firebug (Firefox) kiterjesztés ugyan már volt nálunk korábban említve egy blogmark formájában, azt hiszem, hogy egy kicsit többet érdemel ennél. Bennem az AdBlock, Web Developer Toolbar, Live HTTP Headers kiterjesztéseknél már megismert érzést váltotta ki: e nélkül nehezen leszek meg a jövőbeni fejlesztéseknél...
A Firebug egy érdekes egyvelegét alkotja az eddig már más kiterjesztésekből részben megismert lehetőségeknek, de úgy, hogy azokat nem helyettesíteni próbálja, hanem egy újat hoz létre. A DOM Inspector, a JavaScript konzol, a Wish CSS Debugger lehetőségei tűnnek fel előttünk, hogy aztán egy hibakereséshez, fejlesztéshez elengedhetetlen eszköz álljon össze belőle.
Az egyik dolog, amiért belopta magát a szívembe, az az Inspect Element lehetősége. Ezzel lehetőségünk van az oldalon kiválasztani egy HTML elemet, aminek utána megtekinthetjük a HTML (XML) forrását (félig színezve, félig fa nézetben), azokat a CSS részleteket, melyek vonatkoznak rá (ez nagyon jó!!!), a box modellhez tartozó értékeket (oldalon elhelyezkedés, margó, keret, kitöltés, stb.), illetve JavaScript által elérhető metódusait, értékeit, tulajdonságait (ez is nagyon-nagyon jó!). Immáron nem kell keresgélnem egy általam átvett (gány) CSS kódban, hogy vajon milyen hülyeséget csinált az illető, egyből látom, hogy egy adott elem miért pont úgy néz ki. Ez egy projekt kapcsán akár kemény órákat tud megspórolni, ami azért nem rossz.
Az Inspect Element lehetőség mellett hibakonzolként is szolgál. A felmerülő JavaScript, CSS, XML, hibákat, warningokat szűrhetjük is, illetve lehetőséget kínál az XMLHttpRequest kommunikáció nyomon követésére is. Elég kényelmesen. JavaScript kódunkban lehetőségünk van a konzolra üzenni egy új esemény létrehozásával:A
Tessék elolvasni a FAQ-ját is!
Pár perce a Weblabor pár kisebb hibáját is megszüntettem vele, remélhetőleg a böngészőkkel minél inkább kompatibilisebb, jobban használható működést elérve ezáltal.
■ A Firebug egy érdekes egyvelegét alkotja az eddig már más kiterjesztésekből részben megismert lehetőségeknek, de úgy, hogy azokat nem helyettesíteni próbálja, hanem egy újat hoz létre. A DOM Inspector, a JavaScript konzol, a Wish CSS Debugger lehetőségei tűnnek fel előttünk, hogy aztán egy hibakereséshez, fejlesztéshez elengedhetetlen eszköz álljon össze belőle.
Az egyik dolog, amiért belopta magát a szívembe, az az Inspect Element lehetősége. Ezzel lehetőségünk van az oldalon kiválasztani egy HTML elemet, aminek utána megtekinthetjük a HTML (XML) forrását (félig színezve, félig fa nézetben), azokat a CSS részleteket, melyek vonatkoznak rá (ez nagyon jó!!!), a box modellhez tartozó értékeket (oldalon elhelyezkedés, margó, keret, kitöltés, stb.), illetve JavaScript által elérhető metódusait, értékeit, tulajdonságait (ez is nagyon-nagyon jó!). Immáron nem kell keresgélnem egy általam átvett (gány) CSS kódban, hogy vajon milyen hülyeséget csinált az illető, egyből látom, hogy egy adott elem miért pont úgy néz ki. Ez egy projekt kapcsán akár kemény órákat tud megspórolni, ami azért nem rossz.
Az Inspect Element lehetőség mellett hibakonzolként is szolgál. A felmerülő JavaScript, CSS, XML, hibákat, warningokat szűrhetjük is, illetve lehetőséget kínál az XMLHttpRequest kommunikáció nyomon követésére is. Elég kényelmesen. JavaScript kódunkban lehetőségünk van a konzolra üzenni egy új esemény létrehozásával:
function printfire() {
if (document.createEvent) {
printfire.args = arguments;
var ev = document.createEvent("Events");
ev.initEvent("printfire", false, true);
dispatchEvent(ev);
}
}
printfire("üzenet") segítségével a FireBug konzolon megjelenik a kívánt üzenet. Sokkal jobb, mint az a rengeteg alert() ablak...Tessék elolvasni a FAQ-ját is!
Pár perce a Weblabor pár kisebb hibáját is megszüntettem vele, remélhetőleg a böngészőkkel minél inkább kompatibilisebb, jobban használható működést elérve ezáltal.
Komoly
És igényes
[MetaMorfozis]
<Nincs cím>
muzsika
Uhh, ez nagyon allat!!!
Hasznos
DOM Inspector
-- hector
fel-le
-boogie-
thx
-- hector
Érdekes
Próbálj meg feltenni egy "gyári" csomagot, szerintem jobban jársz vele.
-boogie-
0.4-es verzio
printfire is no longer supported. Use console.log() instead. Unlike with printfire, you do not have to add any code to your scripts to use console.log().