Sprievodca inštaláciou programu Firebug v hlavných prehliadačoch a zariadeniach iOS

Firebug je doplnok pre Firefox s nástrojmi, ktoré umožňujú skontrolovať prvok webovej stránky, ladiť a vyvíjať webové stránky. Neexistuje však žiadny spôsob, ako môžete mať tieto nástroje na iných webových prehliadačoch okrem Firefoxu.

Vývoj podobného nástroja pre ostatné prehliadače môže trvať tvrdej práce, ale bude to skvelá pomoc, ak by ste mohli dostať Firebug do iných prehliadačov, berúc do úvahy, že každý má svoje preferované prehliadače.

No, tu je miesto, kde Firebug Lite prichádza s cieľom vyriešiť vaše potreby. Firebug Lite je jednoduchšia verzia Firebug, ale môže byť použitá na IE, Opera, Chrome, Safari, iPad a iPhone, pričom si zachová podobné možnosti a funkcie.

Inštalácia Firebug Lite na opera, Safari a Chrome

S programom Firebug Lite nie je potrebná žiadna inštalácia. Napísané v jazyku Java Script môžete označiť odkaz Firebug Lite a bude pripravený na kontrolu stránky. Takže to, čo musíte urobiť, je jednoducho bookmarkovať odkaz nižšie (tiež môžete pretiahnuť odkaz na záložku záložky vášho prehliadača).

Firebug Lite

Ak používate prehliadač Chrome, záložka by sa mala zobraziť, ako je uvedené nižšie, ak je viditeľný panel so záložkami.

To je to, váš Firebug Lite by teraz mal pracovať, keď ho potrebujete používať.

Použitie Firebug Lite na opera, Safari a Chrome

Teraz môžete použiť Firebug Lite na kontrolu prakticky akejkoľvek webovej stránky. V tomto prípade budeme používať Wikipedia.org.

Po načítaní webovej stránky kliknite na záložku Firebug Lite, ktorú ste už skôr uložili, a v spodnej časti webovej stránky sa zobrazí okno konsolidácie.

Ak sa zblízime, tak to uvidíte v ľavom dolnom rohu stránky.

Teraz môžete vidieť (+) a (-) v začiatočnom bode mnohých riadkov. Značka (+) znamená, že pod jednou vrstvou html sa nachádza viac riadkov a ak zvýrazníte riadok, uvidíte, ktorá časť stránky predstavuje.

Ak však chcete, aby ste uľahčili zobrazenie riadkov reprezentovaných akýmkoľvek textom, fotografiou, odkazom alebo inými prvkami na samotnej webovej stránke, kliknite na tlačidlo 'Inspect'.

Teraz môžete umiestniť kurzor myši na ľubovoľnú časť prvkov dostupných na webovej stránke a zobrazí sa zvýraznená html riadka. To vám uľahčuje vykonanie nejakej kontroly.

Inštalácia Firebug Lite na iPad a iPhone

Záložky v skutočnosti nefungujú dobre s iPad a iPhone. Ak chcete, aby bol Firebug Lite na iPad a iPhone nainštalovaný, postupujte nasledovne:

1. Nahrajte túto stránku na iPad alebo iPhone.

   

2. Premenujte záložku na "Firebug".

   

3. Vyberte a skopírujte celý skript uvedený nižšie.

   javascript: (funkcia (F, I, R, E, B, U, G, L, I, T, E) if (F.getElementById (b)) return; E = F [i + 'N'] && F. ? documentElement.namespaceURI; e = e f [i + 'N'] (e, 'scenár'): f [i] ( 'scenár'); e [r] (id, b), e [r] ( 'src', I + g + T), e [r] (b, u), (f [e] ( 'hlava'), [0] || f [e] ( 'telo'), [0]). appendChild (E); E = nový% 20Image; E [r] ( 'src', I + L);) (dokument, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'Firebug-lite.js', 'úniky / lite / latest / koža / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Prejdite na možnosť Záložka a stlačte "Upraviť". Potom vyberte záložku "Firebug".

   

5. Odstráňte pôvodnú adresu URL a prilepte záložku.

   

6. zvoliť “hotový” na klávesnici.

Teraz skúste otvoriť ľubovoľnú webovú lokalitu a vybrať záložku "Firebug" a uvidíte fungujúci Firebug v spodnej časti obrazovky iPad.

záver

Firebug Lite je dosť dobrý na vykonanie rýchlej kontroly stránok. Môžete zobraziť html, css a akýkoľvek skript použitý na vytvorenie webovej stránky. Hoci Chrome má vlastné rozšírenie pre webových vývojárov, Firebug Lite nesklame ani kilometer.