Как отключить хромированные расширения JS при отладке в devtools?

Question

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

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

Answer 1

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

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

Answer 2

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

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

Если вы никогда не разрабатываетерасширений и не заинтересованы в том, чтобы проходить через него, затем откройте меню настроек devtools, щелкните Blackboxing, а затем флажок «Сценарии содержимого Blackbox»:

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

Answer 3

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

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

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

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

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

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

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

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