Как приостановить выполнение script в консоли разработчиков
Я пытаюсь создать вращающийся баннер (JavaScript и CSS). Для отладки и внесения изменений в CSS и т.д. В консоли разработчика я хочу приостановить выполнение JavaScript, пока я вношу изменения, а затем запускаю его или так далее.
Итак, есть ли способ приостановить выполнение script в браузере?
Ответы
Ответ 1
Вы ищете "точки останова".
Какой браузер вы используете?
Chrome поддерживает точки останова прямо в инструментах разработчика:
F12 (или Ctrl-Shift-I), вкладка "Сценарий", выберите сценарий из раскрывающегося списка, щелкните номер строки.
Обновление:
На ПК: F12 или Ctrl + Shift + I/На Mac: Cmd + Alt + I
выберите вкладку "Источники", выберите сценарий на панели файлов слева, нажмите номер строки.
В Firefox используйте расширение Firebug:
На ПК и Mac: F12,
Вкладка "Сценарий", активировать & перезагрузите при необходимости, выберите скрипт из выпадающего списка, нажмите номер строки.
Когда ваш Javascript делает паузу в точке останова, оба браузера предлагают вам обычные средства отладки, позволяющие выполнить пошаговый шаг по коду, осмотреть & изменить значения переменных, посмотреть выражения,...
Ответ 2
Как katspaugh упоминает в свой комментарий:
F8
Это работает только со мной на вкладке "Источники" окна "Инструменты разработчика" в Chrome 59.0.3071.115 (в Mac OS X).
Ответ 3
Вы можете написать код паузы самостоятельно.
Приостановить выполнение JavaScript с помощью отладчика. В консоли Chrome запустите:
window.addEventListener('keydown', function(event) {
if (event.defaultPrevented) {
return; // Should do nothing if the default action has been cancelled
}
let handled = false;
if (event.keyCode == 123) {
handled = true;
debugger; // 123 is the keyCode of F12
}
if (handled) {
// Suppress "double action" if event handled
event.preventDefault();
}
});
Выделите элемент с помощью инспектора
Хит F12