Има функция на Chrome DevTools, която ви позволява:
- Вижте кода на всеки даден ресурс, който използва текущата уеб страница (като CSS и JavaScript).
- „Pretty Print“ (форматирайте го за четливост)
- Запазете го на диск
- Използвайте тази запазена версия, за да замените версията на живо, дори при опресняване на страницата.
Последният е доста страхотен. Ако отстранявате грешки в проблем, който изглежда се случва само на уебсайта на живо, той ви дава инструмент за отстраняване на грешки, който ще ви позволи да стигнете до корена на проблема.
Ще използваме тази функция тук, за да разберем странна грешка, която изпитвах.
Доведени до краен предел, потенциално бихте могли дори да използвате DevTools като основния си редактор на код, тъй като той може да картографира файлове обратно там, където действителният ви проект е на диск.