Există o caracteristică a Chrome DevTools care vă permite:
- Consultați codul oricărei resurse date pe care o folosește pagina web curentă (cum ar fi CSS și JavaScript).
- „Pretty Print” (formatează-l pentru a putea fi citit)
- Salvați-l pe disc
- Utilizați acea versiune salvată pentru a înlocui versiunea live, chiar și la reîmprospătarea paginii.
Ultimul este destul de minunat. Dacă depanați o problemă care pare să se întâmple doar pe site-ul web live, aceasta vă oferă un instrument de depanare care vă va permite să ajungeți la rădăcina problemei.
Vom folosi această caracteristică aici pentru a afla o eroare ciudată pe care o experimentam.
Dus la extrem, ați putea folosi chiar DevTools ca editor principal de cod, deoarece este capabil să mapeze fișierele înapoi la locul unde se află proiectul dvs. real pe disc.