Как часто вы сталкиваетесь в производственной среде с ошибками, которые невозможно воспроизвести локально? IDK насчет вас, но со мной такое случается часто.
Просмотр сценария и добавление точки останова могут иногда помочь нам, но что, если нам нужно что-то изменить в этом сценарии? Нам не повезло, не так ли?
Что ж, единственный способ решить эту проблему - использовать расширение Chrome под названием Resource Override.
С переопределением ресурса вы можете переопределить любой ресурс, будь то сценарий, стиль и т. Д., Чтобы он указывал на ваш локальный хост (или любой другой ресурс). И как только ваш локальный скрипт запущен, вы можете легко отлаживать любые проблемы.
Шаги для этого:
- Добавьте Переопределение ресурсов и Расширение CORS в свой Chrome.
- Откройте вкладку сети, выберите ресурс, который нужно переопределить, и скопируйте URL-адрес запроса.
3. Откройте вкладку с именем override в ваших инструментах разработчика (в основном это будет наконец). Затем введите URL-адрес веб-сайта и нажмите «Добавить правила».
4. Затем введите ссылку, которую вы скопировали на шаге 2, и вставьте ее в поле «От». В поле «Кому» введите ссылку на файл, который нужно заменить.
Не забудьте проверить кнопку on, чтобы это работало.
Теперь, когда вы обновите страницу, вы должны увидеть, что сетевой вызов выполняется для новой ссылки. Вы можете добавить отладчик или изменить сценарий и увидеть изменения в реальном времени. Классно, не правда ли?
Примечание. В большинстве случаев вы столкнетесь с проблемой CORS, отключите CORS с помощью расширения, которое мы добавили ранее для этой вкладки.
Примечание. Убедитесь, что при переопределении используется тот же сетевой протокол. т. е. вы не можете переопределить ресурс https с помощью http.
Чтобы создать https-сервер локально, я использую ngrok
Это очень помогло мне в отладке кода непосредственно в продакшене, не затрагивая клиентов.
Особая благодарность Картику Маурья за то, что познакомил меня с этим удивительным расширением для хрома.
Сообщите мне, есть ли другие способы отладки JavaScript в рабочей среде.
Надеюсь, эта статья оказалась для вас полезной. Я хотел бы услышать твои мысли. 😇
Спасибо за чтение. 😊
Ваше здоровье! 😃
Если вы найдете эту статью полезной, вы можете выразить свою признательность, нажав кнопку хлопка. Как говорится, Когда мы даем с радостью и принимаем с благодарностью, все блаженны.
