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

Есть ли функция "Установить следующий оператор" в Chrome Dev Tools или Firebug?

Инструменты разработки IE, а именно его отладчик JavaScript, предлагают команду "Установить следующий оператор", которая позволяет вам указать, какая инструкция должна быть выполнена следующей. Таким образом, вы можете эффективно пропустить некоторые части функций или даже (опять же, эффективно) вернуться из функции раньше.

Итак, для этой функции...

function test () {
    alert(1);
    alert(2);
    alert(3);
}

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

(Тест в IE здесь: --- открыть инструменты IE с помощью F12, перейти на вкладку "Script", установить точку останова, нажать кнопку "Начать отладку", при необходимости обновите страницу)

Мне нравится эта функция "set next statement". Однако я не заметил его в инструментах Chrome dev или Firebug. Эта функция существует в этих отладчиках?

4b9b3361

Ответ 1

В то время как у Chrome DevTools нет "Set Next Statement", вы можете более четко определить следующий оператор, просто отредактировав JavaScript, пока он остановился в точке останова.

Я сделал короткий screencast, чтобы вы могли показать Chrome DevTools Live Edit + Breakpoint Debugging.

В сущности: в то время как в точке останова, отредактируйте свой script, щелкнув панель "Сценарии" и внеся изменения. Нажмите cmd + s для сохранения. Затем пройдите через этот код с его новыми изменениями. Гораздо мощнее, чем просто обходить код, вы можете добавлять новые функции.