В Chrome DevTools есть функция, которая позволяет:
- См. Код любого ресурса, который использует текущая веб-страница (например, CSS и JavaScript).
- "Pretty Print" (отформатируйте для удобства чтения)
- Сохранить на диск
- Используйте эту сохраненную версию, чтобы переопределить текущую версию даже при обновлении страницы.
Последний довольно крутой. Если вы отлаживаете проблему, которая, кажется, возникает только на действующем веб-сайте, это дает вам инструмент отладки, который позволит вам добраться до корня проблемы.
Мы будем использовать эту функцию здесь, чтобы выяснить странную ошибку, с которой я столкнулся.
В крайнем случае, вы потенциально можете даже использовать DevTools в качестве основного редактора кода, поскольку он способен отображать файлы туда, где ваш фактический проект находится на диске.