Подтвердить что ты не робот

Как отключить chrome extensions JS при отладке в devtools?

Когда я добавляю точку останова мыши, devtools всегда переходят на расширение JS.

Есть ли способ указать прямо на мой код события мыши?

4b9b3361

Ответ 1

Я думаю, что самый простой способ - открыть окно инкогнито (Ctrl-Shift-N) (или Cmd-Shift-N для mac) и отладить там, потому что тогда не будет загруженных (по умолчанию) расширений.

Я знаю, что вы подразумеваете под этим вопросом: при отладке и выполнении чего-то простого, например, при приостановке выполнения, вы всегда находите, что он разбивается на один из кодов расширений вместо текущего кода веб-страницы.

Ответ 2

Единственный способ отключить script (например, чтобы избежать побочных эффектов) - отключить расширение (например, с помощью режима инкогнито, если расширение не включено в режиме инкогнито).

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

Если вы хотите выборочно игнорировать файлы, вы также можете щелкнуть правой кнопкой мыши по источнику файла, который вы хотите игнорировать, и выбрать опцию контекстного меню "Blackbox Script". Чтобы удалить шаблон, перейдите на панель настроек "Blackboxing", как показано выше.

Ответ 3

Прежде всего, вы должны, вероятно, ознакомиться с руководством по отладке chrome-расширений здесь:

http://code.google.com/chrome/extensions/tut_debugging.html

Если вы сомневаетесь, вы всегда можете использовать ключевое слово debugger непосредственно в коде JavaScript, откуда вы хотите запустить отладчик, например:

element.addEventListener("mouseover", function() {
    debugger;
    // some JS handler code...
});

В зависимости от того, находится ли ваша JS во всплывающей, фоновой странице или в контенте script, вам необходимо убедиться, что вы запускаете инструменты dev из нужного места.

Для всплывающего окна вам нужно щелкнуть правой кнопкой мыши по значку расширения и "Inspect Popup", а затем с консоли JavaScript вам нужно будет запустить location.reload(true)

Для справочной страницы вам нужно перейти на страницу настроек расширений, chrome://settings/extensions, включить режим разработчика, развернуть расширение в вопросе и нажать ссылку на справочную страницу.

Содержимое script должно отображаться непосредственно со страницы, на которую она загружена.