Існує особливість Chrome DevTools, яка дозволяє:
- Перегляньте код будь-якого ресурсу, який використовує поточна веб-сторінка (наприклад, CSS та JavaScript).
- "Pretty Print" (форматуйте для читабельності)
- Збережіть його на диск
- Використовуйте цю збережену версію, щоб замінити поточну версію, навіть під час оновлення сторінки.
Цей останній досить дивовижний. Якщо ви налагоджуєте проблему, яка, здається, трапляється лише на веб-сайті в реальному часі, вона надає вам інструмент налагодження, який дозволить вам потрапити у суть проблеми.
Ми використаємо цю функцію тут, щоб з’ясувати дивну помилку, яку я зазнав.
Вкрай можливо, ви навіть можете використовувати DevTools як основний редактор коду, оскільки він здатний відображати файли туди, де на диску знаходиться ваш фактичний проект.