„Firebug“ žiniatinklio kūrėjo įrankis

Tai yra paslaugų paketas, su kuriuo galite analizuoti ir patikrinti įkėlimo greitį pagal kiekvieną komponentą, failą, taip pat galime redaguoti, stebėti ir derinti tinklalapio šaltinio kodą, CSS, HTML ir „JavaScript“ akimirksniu ir realiu laiku stebėti pokyčius internete. Jis taip pat skirtas analizuoti kintamojo ar URL elgseną su parametrais, kad būtų galima pamatyti, kokie parametrai siunčiami ir ką serveris reaguoja.
Kai kurios funkcijos, kurias jis suteikia „Firebug“:

• HTML redagavimas realiuoju laiku.
• CSS redagavimas realiuoju laiku.
• „Javascript“ redagavimas realiuoju laiku.
• CSS išdėstymas.
• „Javascript“ derintuvas.
• Integruota paieškos sistema.
• Tinklo veiklos stebėjimas.
• DOM Explorer.
• Klaidų tvarkytojas „Javascript“, CSS ir XML

Pradėsime atsisiuntę ir įdiegę papildinį „Firebug“:
[color = # 2f4f4f] Atsisiųsti „Firebug“ [/ spalva]

Iš „Mozilla“ priedų svetainės mums bus leista pasiekti ir įdiegti priedą
Įdiegus „Firebug“ ir iš naujo paleidus „Firefox“, galime greitai pasiekti „Firebug“, dešiniuoju pelės klavišu spustelėdami žiniatinklio, prie kurio norime dirbti, ekraną arba įrankių meniu
Mes paimame pavyzdį iš Jungtinių Tautų http://www.un.org/en/, sukuriame tinkamą licenciją ekrane ir atsidarys ekranas su „Firebug“.

DIDELIS

Šiuo atveju tinklo skirtuke matome svorį kilobaitais ir kokia seka naršyklė pateikė elementus ir kiek laiko reikėjo rodyti kiekvieną elementą, įdomu pastebėti, kad iš 6,61 sekundės puslapis užtrunka dvi sekundes atitinka vieną vaizdą, kuris yra kalbos juosta, tada galėtume pagalvoti, ar jį galima optimizuoti.
Skirtuke HTML ir CSS galime nurodyti struktūros bloką ir jis parodys mums kodą.

DIDELIS

Pavyzdžiui, čia nurodome viršutinę reklamjuostę div, kuri atitinka failo style.css ID #topbanner. Jei spustelėsime css kodą, galime jį pakeisti ir tai bus laikinai atspindėta žiniatinklyje. Konsolės skirtukas leis mums pamatyti ir stebėti „JavaScript“ iškvietimus ir klaidas nesėkmės atveju. Klaidos atveju bus rodomi failai ir kodo eilutės, kurioje įvyko klaida, numeris.

DIDELIS

„Firebug“ padeda greitai rasti DOM objektus ir tada juos redaguoti. Leidžia atlikti DOM tikrinimą.
The Dokumento objekto modelis arba DOM („Dokumento objekto modelis“ arba „Dokumento pateikimo objekto modelis“) iš esmės tai yra programų programavimo sąsaja, suteikianti standartinį objektų rinkinį HTML ir XML dokumentams atvaizduoti.