Как использовать локальные переопределения (Local Overrides) для отладки продакшен-сайтов?

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

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

Эта возможность открывает огромные перспективы для быстрого прототипирования и тестирования гипотез. Если стили или скрипты минифицированы, вы можете настроить их форматирование прямо в браузере перед сохранением для локальных переопределений. Такой подход позволяет проводить глубокий анализ и отладку сложных проблем в реальных условиях работы приложения без необходимости развертывания промежуточных сборщиков на локальной машине.