Как приостановить выполнение 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