✅ Alat za razvojne programere Firebug

Sadržaj

To je paket uslužnih programa s kojima možete analizirati i testirati brzinu učitavanja prema svakoj komponenti, datoteci, također možemo urediti, nadzirati i ispravljati pogreške izvornog koda, CSS -a, HTML -a i Javascripta web stranice odmah i u stvarnom vremenu promatrati promjene na internetu. Također služi za analizu ponašanja varijable ili url -a s parametrima, pri čemu se može vidjeti koji se parametri šalju i što poslužitelj reagira.
Neke od značajki koje donosi Palikuća:

Uređivanje HTML-a u stvarnom vremenu.
CSS uređivanje u stvarnom vremenu.
Javascript uređivanje u stvarnom vremenu.
CSS izgled.
Javascript otklanjač pogrešaka.
Integrirana tražilica.
Praćenje mrežne aktivnosti.
DOM Explorer.
Rukovatelj pogreškama u Javascriptu, CSS -u i XML -u

Počet ćemo preuzimanjem i instaliranjem dodatka Palikuća:
[color = # 2f4f4f] Preuzmi Firebug [/ color]

S web stranice Mozilla addons bit će nam dopušten pristup i instaliranje dodatka
Nakon što se Firebug instalira i Firefox ponovno pokrene, možemo brzo pristupiti Firebugu desnim klikom na zaslon weba na kojem želimo raditi ili iz izbornika alata
Uzimamo web primjera ujedinjenih nacija http://www.un.org/en/, pravimo desnu sliku na ekranu i otvorit će se zaslon s Firebugom.

POVEĆAJTE

U ovom slučaju, na kartici mreže vidimo težinu u kb te u kojem slijedu je preglednik iscrtao elemente i koliko je vremena trebalo da se prikaže svaki element, zanimljivo je napomenuti da od 6,61 sekundi stranici treba da render, dvije sekunde odgovaraju jednoj slici, koja je jezična traka, tada bismo mogli razmišljati može li se optimizirati.
Na kartici HTML i CSS možemo ukazati na blok strukture koji će nam pokazati kod.

POVEĆAJTE

Ovdje, na primjer, pokazujemo na gornji div bannera koji odgovara id #topbanner u datoteci style.css. Ako kliknemo na css kod možemo ga izmijeniti i to će se privremeno odraziti na webu. Kartica konzole je ona koja će nam omogućiti da vidimo i nadgledamo javascript pozive i pogreške u slučaju kvara. U slučaju pogreške, prikazat će se datoteke i broj linije koda u kojoj se greška javlja.

POVEĆAJTE

Palikuća pomaže nam da brzo pronađemo DOM objekte, a zatim ih uredimo u hodu. Omogućuje izvođenje DOM pregleda.
The Objektni model dokumenta ili DOM ('Objektni model dokumenta' ili 'Objektni model za predstavljanje dokumenata') to je u osnovi sučelje aplikacijskog programiranja koje pruža standardni skup objekata za iscrtavanje HTML i XML dokumenata.