Chrome Dev Tools - изменение javascript и перезагрузка

Ответ 1

Это немного работает, но одним из способов добиться этого является добавление точки останова в начале файла или блока javascript, который вы хотите манипулировать.

Затем, когда вы перезагружаетесь, отладчик будет останавливаться на этой точке останова, и вы можете внести любые изменения в источник, сохранить файл, а затем запустить отладчик через измененный код.

Но, как все сказали, в следующей перезагрузке изменения уйдут - по крайней мере, это позволит вам запустить немного модифицированную клиентскую сторону JS.

Ответ 2

Хорошие новости, исправление ожидается в марте 2018 года, перейдите по этой ссылке: https://developers.google.com/web/updates/2018/01/devtools

"Локальные переопределения позволяют вносить изменения в DevTools и сохранять эти изменения при загрузке страниц. Ранее любые изменения, внесенные в DevTools, были бы потеряны при перезагрузке страницы. Локальные переопределения работают для большинства типов файлов.

Как это устроено:

• Вы указываете каталог, в котором DevTools должен сохранять изменения. Когда вы вносите изменения в DevTools, DevTools сохраняет копию измененного файла в вашем каталоге.
• Когда вы перезагружаете страницу, DevTools обслуживает локальный измененный файл, а не сетевой ресурс.

Чтобы настроить локальные переопределения:

1. Откройте панель "Источники".
2. Откройте вкладку "Переопределения".
3. Нажмите Настройка переопределений.
4. Выберите каталог, в который вы хотите сохранить изменения.
5. В верхней части окна просмотра нажмите "Разрешить", чтобы предоставить DevTools права на чтение и запись в каталог.
6. Внесите свои изменения. "

ОБНОВЛЕНИЕ (19 марта 2018 г.): подробные объяснения здесь: https://developers.google.com/web/updates/2018/01/devtools#overrides

Ответ 3

Расширение Переопределение ресурсов позволяет вам сделать именно это:

• создать правило файла для URL-адреса, который вы хотите заменить
• отредактируйте js/css/etc в расширении
• перезагружайте столько, сколько хотите:)

Ответ 4

Я знаю, что это не вопрос точного вопроса (Chrome Developer Tools), но я использую этот обходной путь с успехом: http://www.telerik.com/fiddler

(почти наверняка некоторые из разработчиков уже знают об этом инструменте)

• Сохранить файл локально
• Отредактируйте при необходимости
• Profit!

Полные документы: http://docs.telerik.com/fiddler/KnowledgeBase/AutoResponder

PS. Я предпочел бы, чтобы он был реализован в Chrome как флаг preserve after reload, не может этого делать, форумы и группы обсуждений заблокированы в корпоративной сети:)

Ответ 5

Как я могу использовать этот трюк, чтобы увидеть скрытые коммиты в игре, в которую я играю?

Ответ 6

Да, просто откройте вкладку "Источник" в dev-инструментах и ​​перейдите к script, который вы хотите изменить. Внесите свои настройки прямо в окно инструментов dev, а затем нажмите ctrl + s, чтобы сохранить script - узнайте, что новые js будут использоваться до тех пор, пока вы не обновите всю страницу.