Як використовувати локальні переопределения (Local Overrides) для відладки продакшен-сайтів?

Функція Local Overrides в інструментах розробника дозволяє підміняти файли на живому сайті вашими локальними версіями прямо в браузері. Це незамінно, коли вам потрібно протестувати виправлення бага або зміну верстки на сторонньому ресурсі чи в продакшен-середовищі без доступу до вихідного коду на сервері. Для початку роботи вам потрібно відкрити вкладку Sources, перейти на підвкладку Overrides і вказати порожню папку на вашому комп'ютері, до якої браузер отримає дозвіл на запис.

Після налаштування папки ви можете вибрати будь-який файл із вкладки Page, клаצнути по ньому правою кнопкою миші та вибрати пункт Save for overrides. Браузер автоматично збереже цей файл у вказану вами локальну папку і почне використовувати його копію замість оригінального ресурсу при кожному оновленні сторінки. Ви можете редагувати цей файл у зовнішньому редакторі або прямо в панелі Sources, і зміни будуть миттєво застосовуватися до сторінки.

Ця можливість відкриває величезні перспективи для швидкого прототипування та тестування гіпотез. Якщо стилі або скрипти мініфіковані, ви можете налаштувати їх форматування прямо в браузері перед збереженням для локальних переопределений. Такий підхід дозволяє проводити глибокий аналіз і відладку складних проблем у реальних умовах роботи додатка без необхідності розгортання проміжних збірників на локальній машині.