it-swarm-eu.dev

Co je Google Chrome ekvivalentní Firebug?

Hledám nástroj, který dokáže:

  • prohlédněte si prvky HTML
  • spravovat/ladit JavaScript
  • profil výkonu
  • upravovat prvky v reálném čase
29
Evan Plaice

Je zabudován. Page [paper] -> Developer -> Developer tools (in Chrome v5 and under). Je pravděpodobné, že se bude lišit v v6, protože se zdá, že tlačítko Page v této verzi mizí.

32
Mark Hatton

Klepněte pravým tlačítkem -> Zkontrolovat prvek

17
HoLyVieR
13
Emmett

Uplynuly 4 roky od položení původní otázky. Chrome (stabilní) je nyní ve verzi 38. Po dlouhou dobu obsahuje úplnou sadu Developer Tools , které jsou zhruba ekvivalentní Firebug pro Firefox (i když Firefox mimochodem a vestavěný inspektor příliš).

Několik vývojářských nástrojů prohlížeče Chrome vám umožňuje:

  • Prohlédněte si DOM
  • Zkontrolujte CSS
  • Otevřete konzolu JavaScriptu
  • Ladit JavaScript
  • Zobrazte síťové požadavky, načasování a odpovědi
  • Zobrazení výkonu vykreslování, JavaScriptu a CSS
  • Zkontrolujte místní úložiště a soubory cookie

K nástrojům dev lze přistupovat různými způsoby.

  • Nabídka Chrome -> Nástroje -> Vývojářské nástroje

  • Ctrl + Shift + I ve Windows nebo Cmd + Shift + I na počítači Mac

  • F12 na Windows

  • Klepněte pravým tlačítkem myši kdekoli na stránce a vyberte Zkontrolovat prvek

5
user9877

Nástroje v prohlížeči jsou skvělé ve své práci a jsou obvykle vaší nejlepší volbou, ale někdy neposkytují dostatek technických podrobností o užitečném zatížení HTTP/odpovědi, nebo jsou příliš specifické pro stránku.

V těchto případech můžete zjistit, že specializovaný inspekční nástroj HTTP, jako je Fiddler nebo jedna z Linuxové alternativy , poskytne lepší přehled.

Pokud opravdu potřebujete získat holý kov, Wireshark přesahuje HTTP k plné analýze síťového provozu, ale musíte být připraveni být ohromeni nejprve.

3
JasonBirch

Vyzkoušejte také Google Open source Speed ​​Tracer - http://code.google.com/webtoolkit/speedtracer/

Speed ​​Tracer je nástroj, který vám pomůže identifikovat a opravit problémy s výkonem ve vašich webových aplikacích. Vizualizuje metriky, které jsou odebírány z nízkoúrovňových přístrojových bodů uvnitř prohlížeče, a analyzuje je při spuštění vaší aplikace. Speed ​​Tracer je k dispozici jako rozšíření Chrome a funguje na všech platformách, na kterých jsou rozšíření aktuálně podporována (Windows a Linux).

Pomocí nástroje Speed ​​Tracer získáte lepší představu o tom, kde v aplikaci strávíte čas. To zahrnuje problémy způsobené analýzou a spuštěním JavaScriptu, rozvržením, přepočtem stylu CSS a přizpůsobením selektoru, zpracováním událostí DOM, načítáním síťových prostředků, spouštěním časovače, zpětným voláním XMLHttpRequest, malbou a dalšími.

1
mvark