Vodič za instaliranje programa Firebug u glavnim preglednicima i iOS uređajima
Firebug je dodatak za Firefox s kul alatima za pregledavanje elemenata web stranice, ispravljanje i razvoj web stranica. Međutim, ne postoji način na koji te alate možete imati na drugim web-preglednicima osim Firefoxa.
Razvoj sličnog alata za druge preglednike može zahtijevati naporan rad, ali će biti od velike pomoći ako možete postaviti Firebug da radi i na drugim preglednicima, s obzirom da svatko ima svoje preferirane preglednike.
Evo, ovdje dolazi Firebug Lite kako bi riješio vaše potrebe. Firebug Lite je jednostavnija verzija programa Firebug, ali se može koristiti na IE, Opera, Chrome, Safari, iPad i iPhone dok zadržava slične mogućnosti i značajke.
Instaliranje programa Firebug Lite na Opera, Safari i Chrome
Uz Firebug Lite, nije potrebna nikakva instalacija. Napisano u Java Scriptu, možete označiti vezu Firebug Lite i ona će biti spremna za pregled stranice. Dakle, ono što trebate učiniti je jednostavno označiti vezu u nastavku (možete i povući vezu u traku oznaka preglednika).
Firebug Lite
Ako upotrebljavate preglednik Chrome, oznaka se mora pojaviti kao ispod, ako je traka oznaka vidljiva.
To je to, vaš Firebug Lite bi sada trebao raditi kada ga trebate koristiti.
Upotreba Firebug Lite na Opera, Safari i Chrome
Sada možete koristiti Firebug Lite za pregled praktički bilo koje web stranice. Za ovaj primjer ćemo koristiti Wikipedia.org.
Kada se web-stranica učita, kliknite na oznaku Firebug Lite koju ste ranije spremili i na dnu web-stranice prikazat će se konzolni okvir..
Ako zatvorimo, to je ono što ćete vidjeti u donjem lijevom dijelu stranice.
Sada možete vidjeti (+) i (-) na početnoj točki mnogih linija. Oznaka (+) znači da je više redaka zatvoreno pod jednim linijom za html, a ako označite liniju, vidjet ćete koji dio stranice predstavlja.
Ali ako želite olakšati uočavanje redaka prikazanih bilo kojim tekstom, fotografijom, vezom ili bilo kojim drugim elementima na samoj web-stranici, kliknite gumb "Pregledaj".
Sada možete postaviti pokazivač miša na bilo koji dio elemenata dostupnih na web-stranici, a html redak će biti istaknut. To vam olakšava obavljanje nekih inspekcija.
Instaliranje programa Firebug Lite na uređaju iPad i iPhone
Bookmarklets ne ide dobro s ipad i iPhone. Da biste instalirali Firebug Lite na iPad i iPhone, evo kako:
-
Označite ovu stranicu na svom uređaju iPad ili iPhone.
-
Preimenujte oznaku u "Firebug".
-
Odaberite i kopirajte cijelu skriptu u nastavku.
javascript: (funkcija (F, I, R, E, b, u, g, L, I, T, E) if (F.getElementById (b)) povratak; E = F [i + 'NS'] && F. ? documentElement.namespaceURI E-E F [i + 'NS'] (E 'skripta'): F [i] ( 'skripta'); E [r] 'id' (b), e [r] ( 'src', I + g + T), e [r] (b, u), (F [e] ( 'glava') [0] || F [e] ( 'tijelo') [0]). appendChild (E); E = new% 20Image E [r] ( 'src', I + L)) (dokument 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'svitac-lite.js', 'oslobađa / litra / najnovije / koža / XP / sprite.png', 'https: //getfirebug.com/','#startOpened');
-
Idite na oznaku i pritisnite "Uredi". Zatim odaberite oznaku "Firebug".
-
Uklonite izvorni URL i zalijepite oznaku.
- izabrati “Gotovo” na tipkovnici.
Sada pokušajte otvoriti bilo koju web-lokaciju i odaberite oznaku "Firebug", a na dnu zaslona iPad vidjet ćete funkcionalni Firebug.
Zaključak
Firebug Lite je daleko dobar za brzi pregled stranice. Možete pogledati html, css i bilo koju skriptu koja se koristi za izradu web-stranice. Iako Chrome ima vlastito proširenje za Web Developer, Firebug Lite ne razočara ni kilometar.