Sofia Emelianova
Используйте фрагменты кода в DevTools для запуска часто используемого кода и живое выражение для просмотра значений JavaScript в режиме реального времени.
Посмотрите видео, чтобы узнать, как:
Создайте фрагмент или откройте панель «Фрагменты» :
- С помощью командного меню
- В разделе «Источники» > «Фрагменты» .
Запустите новый фрагмент:
- С помощью ярлыка Command / Control + Enter в Sources
- В командном меню с помощью
!.
Передайте значения в ваш фрагмент:
- Приостановите его с помощью точки останова .
- Установите значения на панели «Источники» > «Область» .
- Возобновить выполнение.
Выполняйте фрагменты из консоли : загружайте их как глобальные функции и запускайте один раз.
Используйте API консольных утилит в своих фрагментах.
Используйте «Консоль» > «Живые выражения» :
- Чтобы выполнить фрагмент кода, который вы хотите запускать повторно, например, во время сеанса отладки.
- Наблюдайте, как изменяются значения во время выполнения в реальном времени.
Чтобы узнать больше, см.: