Ako nainštalovať doplnenie FIREBUG NA SAFARI

Firebug je veľmi obľúbený doplnok do Firefoxu, ktorý vám umožní preskúmať a zmeniť položky na webovej stránke. S ním sa dozviete, ako sú webové stránky postavené. Pomôže tiež s ladením vlastného projektu. Nástroje na vývoj softvéru pre Safari poskytujú podobnú funkciu. Môžete tiež použiť Firebug Lite na stiahnutie zjednodušenej verzie Firebug na žiadnej webovej stránke.

Kroky

Metóda 1 z 2:

Vývojové nástroje pre Safari

jeden. Kliknite na ponuku Safari a zvoľte "Nastavenia". Safari obsahuje súbor nástrojov na vývoj aplikácií, podobne ako v Firebebug. Aby ste s nimi mohli pracovať, musia sa zasekať prvý.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 2

2. Kliknite na kartu Add-ons. Takže otvoríte rozšírené možnosti prehliadača.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 3

3. V paneli s ponukami vložte políčko vedľa menu "Show Development". Týmto spôsobom povolíte menu "Vývoj". Zobrazí sa vedľa menu "Záložka".

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 4

4. Spustite webový inšpektor. Webový inšpektor je veľmi podobný Firebugovi. Môžete ho otvoriť v menu "Vývoj". Ak to chcete urobiť, môžete tiež kliknúť na kombináciu kľúčov ⌘ príkaz+⌥+I.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 5

päť. Vyberte kartu Zdroje na zobrazenie objektov webovej stránky. Tieto objekty zahŕňajú štýlové listy, HTML súbory, skripty, obrázky atď. Toto je štandardný pohľad na webový inšpektor.

Na ľavej table vľavo uvidíte všetky priečinky s obsahom aktuálnej stránky. Použite tieto priečinky pre rýchle pohybujúce sa medzi potrebnými zdrojmi.

Vybrané zdroje sa zobrazia na hlavnom paneli. Tu uvidíte kód webových stránok a iné súbory. Môžete dokonca vykonať úpravy do kódu a okamžite vidieť zmeny na stránke. Tieto zmeny budú fungovať len tak dlho, kým sa nachádzate.

Pomocou konzoly zadajte príkazy Debug a preskúmajte objekty jаvascript.

Na pravom bočnom paneli budú podrobnejšie informácie o zvolenom prvku. Zmeny vykonané tu sa okamžite zobrazia na stránke.

Obrázok s názvom Získajte niečo podobné Firebug na Safari Krok 6

6. Ak chcete zobraziť aktivitu na stránke, použite kartu Time Scale. Časový meradlo sa zobrazí, keď bol vykonaný kus kódu. Môžete tiež skontrolovať žiadosť o sieť a zobraziť udalosti pre jаvascript.

V hornej časti okna "Časový meradlo" uvidíte tri rôzne dočasné riadky. Každý riadok je zodpovedný za svoju kategóriu časového rozsahu.

Ľavá tabuľa zobrazuje rôzne udalosti, ktoré sa vyskytujú na časovej osi. Čas každej akcie sa zobrazí v hlavnom okne.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 7

7. Použite možnosť "Debugger" na vyhľadávanie a opravu chýb jаvascript. Možnosť "Debugger" poskytuje rovnaké ladiace nástroje ako FIREBUG. Použite ho na vyhľadávanie a správne kódy jаvascript. Na určitom mieste môžete nastaviť umiestnenie kódu. To vám umožní opraviť chyby v jаvascript a pochopiť, ako to funguje.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 8

osem. Zmeňte užívateľské agent. Mnohí používajú pridanie FIREBUG, aby ste zmenili aktuálny užívateľský agent. Užívateľský agent je identifikátor, ktorý povie webové stránky, ktoré prehliadač a operačný systém používate. Toto je veľmi užitočná možnosť prevziať mobilné stránky na vašom notebooku alebo zobraziť vzhľad stránky pri práci s Internet Explorer v systéme Windows.

Kliknite na menu "Vývoj" a vyberte "Custom Agent".

Zo zoznamu možností vyberte požadovaný agenta používateľa. Agent používateľa môžete pridať výberom možnosti "Iné ..." a zadanie kódu, ktorý potrebujete.

Metóda 2 z 2:

Firebug Lite

jeden. Prejsť na webovú stránku Firebug Lite. Firebug Lite je bookmarklet, ktorý poskytuje prístup k niektorým základným funkciám Firebug. Pracuje v ľubovoľnom webovom prehliadači. Môžete ho použiť na vytvorenie aktuálnych zmien stránok HTML a CSS stránok. Môžete tiež vykonať príkazy konzoly a skontrolovať skripty. Na tomto odkaz si môžete stiahnuť Firebug Lite: Getfirebug.Com / firebuglite.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 10

2. Prejdite nadol na časť "Stabilný kanál" (stabilný kanál). Toto je najfunktívnejšia a stabilná verzia Firebug Lite. Ak chcete vyskúšať posledné funkcie, nastavte bookmarket z časti beta kanála (beta kanál). Beta verzia je nestabilnejšia ako obvykle.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 11

3. Kliknite pravým tlačidlom myši na odkaz Firebug Lite. V zobrazenej ponuke zvoľte "Copy Link".

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 12

4. Vytvorte novú bookmaker. Otvorte ponuku "Záložky" a vyberte možnosť Vytvoriť záložku (vytvoriť záložku). Môžete tiež kliknúť ⌘ príkaz+D. Tým sa otvorí nové okno na vytvorenie položenia aktuálnej stránky.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 13

päť. Vložte kopírovaný odkaz na príslušné pole novej záložky. Tým sa zmení záložka na Firebug Lite Code. Názov niekoho záložky, napríklad "Firebug Lite".

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 14

6. Pomocou záložky si stiahnite rozhranie Firebug Lite. Kliknite na kartu Firebug Lite na ktorejkoľvek stránke.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 15

7. Prieskum položky na stránke. Kliknite na tlačidlo "Skontrolujte" na paneli Menu Firebug Lite a potom vyberte položku na stránke. Zodpovedajúca časť súboru HTML bude zvýraznená v rámčeku Firebug Lite.

Obrázok s názvom Získať niečo podobné Firebug na Safari Krok 16

osem. Použite karty na hornom paneli Firebug Lite. Tieto karty otvárajú prístup k rôznym funkciám Firebug Lite. Patria medzi ne editor HTML a CSS Editor, pracujte s konzolou a aktívnymi skriptmi.

Firebug Lite nemá prístup k externým štýlom a skriptom. Je to spôsobené tým, že je napísaný v jаvascript, aby bol schopný zaviesť na ktorejkoľvek stránke. Ak potrebujete tieto nástroje, potom uprednostniť vývoj nástrojov pre safari.