Firebug tīmekļa izstrādātāja rīks

Tā ir utilītu pakotne, ar kuras palīdzību jūs varat analizēt un pārbaudīt ielādes ātrumu atbilstoši katram komponentam, failam; mēs varam arī uzreiz rediģēt, pārraudzīt un atkļūdot avota kodu, CSS, HTML un Javascript, un reālā laikā novērot izmaiņas tīmeklī. Tas arī kalpo, lai analizētu mainīgā vai URL darbību ar parametriem, lai varētu redzēt, kādi parametri tiek nosūtīti un ko serveris atbild.
Dažas funkcijas, ko tas rada Firebug:

• HTML rediģēšana reāllaikā.
• CSS rediģēšana reāllaikā.
• Javascript rediģēšana reāllaikā.
• CSS izkārtojums.
• Javascript atkļūdotājs.
• Integrēta meklētājprogramma.
• Tīkla darbības uzraudzība.
• DOM Explorer.
• Kļūdu apstrādātājs Javascript, CSS un XML

Sāksim ar spraudņa lejupielādi un instalēšanu Firebug:
[color = # 2f4f4f] Lejupielādēt Firebug [/ krāsa]

No Mozilla papildinājumu vietnes mums būs atļauts piekļūt un instalēt papildinājumu
Kad Firebug ir instalēts un Firefox tiek restartēts, mēs varam ātri piekļūt Firebug, ar peles labo pogu noklikšķinot uz tā tīmekļa ekrāna, ar kuru vēlamies strādāt, vai no rīku izvēlnes
Mēs izmantojam Apvienoto Nāciju piemēru tīmekli http://www.un.org/en/, izveidojam pareizo licenci ekrānā un tiks atvērts ekrāns ar Firebug.

PALIELINĀT

Šajā gadījumā cilnē Tīkls mēs redzam svaru kb un to, kādā secībā pārlūkprogramma ir atveidojusi elementus un cik ilgi tas tika parādīts, ir interesanti atzīmēt, ka no 6,61 sekundes lapa aizņem atveidot, divas sekundes atbilst vienam attēlam, kas ir valodas josla, tad mēs varētu domāt, vai to var optimizēt.
Cilnē HTML un CSS mēs varam norādīt uz struktūras bloku, un tas mums parādīs kodu.

PALIELINĀT

Šeit, piemēram, mēs norādām uz augšējo reklāmkarogu div, kas atbilst id #topbanner failā style.css. Ja mēs noklikšķinām uz css koda, mēs varam to mainīt, un tas īslaicīgi tiks atspoguļots tīmeklī. Konsoles cilne ļaus mums redzēt un uzraudzīt javascript pieprasījumus un kļūdas neveiksmes gadījumā. Kļūdas gadījumā tas parādīs failus un koda rindas numuru, kurā rodas kļūda.

PALIELINĀT

Firebug palīdz ātri atrast DOM objektus un pēc tam tos rediģēt. Ļauj veikt DOM pārbaudi.
Dokumenta objekta modelis vai DOM ('Dokumenta objekta modelis' vai 'Dokumenta attēlojuma objekta modelis') būtībā tā ir lietojumprogrammu saskarne, kas nodrošina standarta objektu kopumu HTML un XML dokumentu atveidošanai.