Jak nainstalovat navíc k Firebug na safari

Firebug je velmi populární doplňkem Firefoxu, který vám umožní prozkoumat a změnit položky na webové stránce. S ním se naučíte, jak jsou postaveny webové stránky. Pomůže také ladění vlastního projektu. Nástroje pro vývoj softwaru pro Safari poskytují podobnou funkci. Můžete také použít Firebug Lite ke stažení zjednodušené verze Firebug na všech webových stránkách.

Kroky

Metoda 1 z 2:

Vývojové nástroje pro safari

jeden. Klikněte na menu Safari a vyberte možnost Nastavení. Safari obsahuje sadu nástrojů pro vývoj aplikací, podobné tomu, co je v Firebug. Takže můžete s nimi pracovat, musí se nejprve zapnout.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 2

2. Klikněte na kartu Doplňky. Takže otevřete pokročilé možnosti prohlížeče.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 3

3. Vložte krabici vedle menu "Zobrazit vývoj" v panelu nabídek. Tím aktivujete nabídku "Vývoj". Zobrazí se vedle menu "Záložka".

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 4

4. Spusťte web inspektor. Webový inspektor je velmi podobný Firebug. Můžete jej otevřít v menu "Vývoj". Chcete-li to provést, můžete také kliknout na kombinaci klíče ⌘ příkaz+⌥ možnost+I. I.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 5

Pět. Vyberte kartu Zdroje pro zobrazení objektů webové stránky. Tyto objekty zahrnují stylové listy, soubory HTML, skripty, obrázky atd. Toto je standardní pohled na webový inspektor.

Na levém podokně vlevo uvidíte všechny složky s obsahem aktuální stránky. Použijte tyto složky pro rychle pohyb mezi potřebnými zdroji.

Vybrané zdroje se zobrazí na hlavním panelu. Zde uvidíte kód webové stránky a další soubory. Můžete dokonce upravit úpravy do kódu a okamžitě zobrazit změny na stránce. Tyto změny budou fungovat pouze tak dlouho, dokud zavřete stránku.

Pomocí konzoly zadejte příkazy ladění a prozkoumejte objekty jаvascriptu.

Na pravém panelu bude podrobnosti o vybraném prvku. Změny provedené zde budou okamžitě zobrazeny na webu.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 6

6. Chcete-li zobrazit aktivitu na webu, použijte kartu Časová měřítko. Zobrazí se časové stupnice, když byl proveden kus kódu. Můžete také zkontrolovat požadavek sítě a zobrazit události pro jаvascript.

V horní části okna "Časová stupnice" uvidíte tři různé dočasné řádky. Každý řádek je zodpovědný za kategorii časového měřítka.

Levý podok zobrazuje různé události, které se vyskytují na časové ose. Doba každé akce se zobrazí v hlavním okně.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 7

7. Použijte možnost "Debugger" pro vyhledávání a správné chyby jаvascriptu. Volba "Debugger" poskytuje stejné nástroje ladění jako firebug. Použijte jej pro vyhledávání a správné kódy jаvascriptu. Umístění kódu můžete nastavit na konkrétním místě. To vám umožní opravit chyby v jаvascriptu a pochopit, jak to funguje.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 8

osm. Změňte agent uživatele. Mnoho používají doplňku Firebug pro změnu aktuálního agenta uživatele. Uživatelský agent je identifikátor, který vypráví webové stránky, které prohlížeče a operačního systému používáte. To je velmi užitečná možnost stahování mobilních stránek na svém notebooku nebo zobrazit vzhled webu při práci s aplikací Internet Explorer v systému Windows.

Klikněte na menu "Vývoj" a vyberte možnost "Vlastní agent".

Vyberte požadovaný uživatelský agent ze seznamu možností. Můžete přidat agent uživatele tím, že si můžete přidat volbu "Ostatní ..." a zadání kódu, který potřebujete.

Metoda 2 z 2:

Firebug Lite

jeden. Jděte do webových stránek Firebug Lite. Firebug Lite je záložka, která poskytuje přístup k některým základním funkcím Firebug. Pracuje v libovolném webovém prohlížeči. Můžete jej použít k provedení aktuálních změn stránek HTML a CSS. Můžete také provést příkazy konzoly a zkontrolovat skripty. Na tomto odkazu si můžete stáhnout firebug Lite: GetFireBug.Com / firebuglite.

Obrázek s názvem Získejte něco podobného Firebug na Safari Step 10

2. Přejděte dolů na sekci "Stabilní kanál" (stabilní kanál). Toto je nejmocnější a stabilní verze Firebug Lite. Chcete-li vyzkoušet poslední funkce, nastavte knihmarket z sekce beta kanálu (beta kanál). Beta verze je nestabilnější než obvyklé.

Obrázek s názvem Získejte něco podobného Firebug na Safari Step 11

3. Klikněte pravým tlačítkem myši na odkaz Firebug Lite. V zobrazené nabídce vyberte možnost "Copy Link".

Obrázek s názvem Získejte něco podobného Firebug na Safari Step 12

4. Vytvořit nový bookmaker. Otevřete menu "Záložky" a vyberte možnost Vytvořit záložku "(Vytvořit záložku). Můžete také kliknout ⌘ příkaz+D. To otevře nové okno pro vytvoření pokládání aktuální stránky.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 13

Pět. Vložte zkopírovaný odkaz na odpovídající pole nové záložky. To změní záložku na Firebug Lite Code. Název někoho Záložka, například "Firebug Lite".

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 14

6. Pomocí záložky stáhněte si rozhraní Firebug Lite. Klikněte na kartu Firebug Lite na libovolném místě.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 15

7. Průzkum položek na stránce. Klikněte na tlačítko "Zkontrolovat" na panelu nabídky Firebug Lite a vyberte položku na stránce. Odpovídající část souboru HTML bude zvýrazněna v rámu Firebug Lite.

Obrázek s názvem Získejte něco podobného Firebug na Safari Krok 16

osm. Použijte karty na horním panelu Firebug Lite. Tyto záložky otevřou přístup k různým funkcím Firebug Lite. Jedná se o Editor kódu HTML a CSS, práce s konzolou a aktivními skripty.

Firebug Lite nemá přístup k externím stylům a skriptům. To je způsobeno tím, že je napsán v jаvascriptu, aby se moci zavádí na libovolné stránce. Pokud potřebujete tyto nástroje, pak dejte přednost rozvoji nástrojů pro safari.