W Chrome DevTools dostępna jest funkcja, która umożliwia:
- Zobacz kod dowolnego zasobu, którego używa bieżąca strona internetowa (np. CSS i JavaScript).
- „Pretty Print” it (sformatuj go, aby był czytelny)
- Zapisz go na dysku
- Użyj tej zapisanej wersji, aby zastąpić wersję aktywną, nawet podczas odświeżania strony.
Ten ostatni jest niesamowity. Jeśli debugujesz problem, który wydaje się występować tylko w działającej witrynie, otrzymasz narzędzie do debugowania, które pozwoli Ci dotrzeć do źródła problemu.
Użyjemy tej funkcji tutaj, aby znaleźć dziwny błąd, którego doświadczyłem.
W skrajnym przypadku możesz nawet użyć DevTools jako podstawowego edytora kodu, ponieważ jest on zdolny do mapowania plików z powrotem do miejsca, w którym znajduje się Twój rzeczywisty projekt na dysku.