Не работает debug в Webstorm
Не работает дебаггер в Webstorm. Проблема на скрине.
Я новичок, но я час гуглил проблему и ничего исправить не вышло. Прошу помощи коллективного разума).
Ответы (1 шт):
Настройка запуска отладки JavaScript
- Кликните на конфигурации запуска
Run/Debug configurations(в верхней панели справа) - Выберите пункт редактирования конфигураций (
Edit configurations) - Нажмите на кнопку
+сверху слева для добавления новой конфигурации - Выберите пункт
JavaScript Debug - Заполните конфигурацию
- Введите название конфигурации запуска
- Введите URL для отладки
т.к. мы разрабатываем, запускаем и отлаживаем локально и файл html у нас статический, то мы пользуемся встроенным в среду разработки веб-сервером для приема http-запросов и отладки.
Для того чтобы отладить какую-то страницу нужно будет выбрать ее, кликнув на кнопку с изображением папки справа от поля ввода URL
- В появившемся окне выбираем интересующую нас страницу
После выбора страницы URL в конфигурации запуска заполнится автоматически с указанным портом и адресом. - Сохраняем конфигурацию, нажав на кнопку
Apply - Опять кликаем по списку конфигураций запуска и выбираем там нашу
- Нажимаем на кнопку
Debugс изображением жука - В браузере должна будет открыться наша страница
- Если ранее были настроены точки останова, то в дебаггере появится вся отладочная информация
А теперь пошагово с экранами
Шаг 1
Кликните на конфигурации запуска Run/Debug configurations (в верхней панели справа)
Шаг 2
Выберите пункт редактирования конфигураций (Edit configurations)
Шаг 3
Нажмите на кнопку + сверху слева для добавления новой конфигурации
Шаг 4
Выберите пункт JavaScript Debug
Шаг 5
Заполните конфигурацию
- Введите название конфигурации запуска
- Введите URL для отладки
т.к. мы разрабатываем, запускаем и отлаживаем локально и файл html у нас статический, то мы пользуемся встроенным в среду разработки веб-сервером для приема http-запросов и отладки.
Для того чтобы отладить какую-то страницу нужно будет выбрать ее, кликнув на кнопку с изображением папки справа от поля ввода URL
Шаг 6
В появившемся окне выбираем интересующую нас страницу
После выбора страницы URL в конфигурации запуска заполнится автоматически с указанным портом и адресом.
Шаг 7
Сохраняем конфигурацию, нажав на кнопку Apply
Шаг 8
Опять кликаем по списку конфигураций запуска и выбираем там нашу
Шаг 9
Нажимаем на кнопку Debug с изображением жука
Шаг 10
В браузере должна будет открыться наша страница
Финиш
Если ранее были настроены точки останова, то в дебаггере появится вся отладочная информация
