Chrome DevTools obsahuje funkciu, ktorá vám umožňuje:
- Prezrite si kód ľubovoľného daného zdroja, ktorý aktuálna webová stránka používa (napríklad CSS a JavaScript).
- „Docela vytlačiť“ (naformátovať kvôli čitateľnosti)
- Uložte to na disk
- Pomocou tejto uloženej verzie môžete prepísať živú verziu, a to aj pri obnovení stránky.
Ten posledný je dosť úžasný. Ak ladíte problém, ktorý sa zdá, že sa vyskytuje iba na živej webovej stránke, poskytne vám ladiaci nástroj, ktorý vám umožní nájsť podstatu problému.
Túto funkciu tu použijeme na zistenie zvláštnej chyby, s ktorou som sa stretol.
Extrémne by ste mohli potenciálne použiť DevTools ako svoj primárny editor kódu, pretože je schopný mapovať súbory späť na miesto, kde je váš skutočný projekt na disku.