Chrome DevTools obsahuje funkci, která vám umožňuje:
- Podívejte se na kód libovolného daného zdroje, který aktuální webová stránka používá (jako CSS a JavaScript).
- „Docela vytiskněte“ (naformátujte jej kvůli čitelnosti)
- Uložte jej na disk
- Tuto uloženou verzi použijte k přepsání živé verze, a to i při aktualizaci stránky.
Ten poslední je docela úžasný. Pokud ladíte problém, který se zdá pouze na živém webu, poskytne vám ladicí nástroj, který vám umožní dostat se na kořen problému.
Tuto funkci zde použijeme k odhalení podivné chyby, kterou jsem zažíval.
Extrémně byste mohli dokonce použít DevTools jako primární editor kódu, protože je schopen mapovat soubory zpět na místo, kde je váš skutečný projekt na disku.