Как запустить отладчик JavaScript в Google Chrome?

При использовании Google Chrome я хочу отлаживать код JavaScript. Как я могу это сделать?

Ответ 1

Windows: CTRL - SHIFT - J ИЛИ F12

Mac: - - J

Также доступно через меню гаечного ключа (Инструменты > Консоль JavaScript):

JavaScript Console Menu

Ответ 2

Попробуйте добавить это в свой источник:

debugger;

Он работает в большинстве, если не во всех браузерах. Просто поместите его где-нибудь в свой код, и он будет действовать как точка останова.

Ответ 3

Windows и Linux:

Ctrl + Shift + I для открытия инструментов разработчика

Ctrl + Shift + J, чтобы открыть Инструменты разработчика и перенести фокус на консоль.

Ctrl + Shift + C для переключения режима проверки элементов.

Mac:

+ + I для открытия инструментов разработчика

+ + J, чтобы открыть Инструменты разработчика и перенести фокус на консоль.

+ + C для переключения режима проверки элементов.

Источник

Другие ярлыки

Ответ 4

Нажмите функциональную клавишу F12 в браузере Chrome, чтобы запустить отладчик JavaScript, а затем нажмите "Скрипты".

Выберите файл JavaScript сверху и поместите точку останова в отладчик для кода JavaScript.

Ответ 5

Ctrl + Shift + J открывает инструменты разработчика.

Ответ 6

В Chrome 8.0.552 на Mac вы можете найти это в меню View/Developer/JavaScript Console... или вы можете использовать Alt + CMD + J.

Ответ 8

Shift + Control + I открывает окно инструмента разработчика. Из нижнего левого второго изображения (которое выглядит следующим образом) откроет/скроет консоль для вас:

Показать консоль

Ответ 9

Чтобы открыть выделенную панель консоли, выполните следующие действия:

  • Используйте сочетания клавиш
    • В Windows и Linux: Ctrl + Shift + J
    • В Mac: Cmd + Option + J
  • Выберите значок меню Chrome, меню → Дополнительные инструменты → Консоль JavaScript. Или если инструменты разработчика Chrome уже открыты, press вкладка "Консоль".

Пожалуйста, обратитесь здесь

Ответ 10

Для пользователей Mac перейдите в меню Google Chrome → Вид → Разработчик → Консоль JavaScript.

Screenshot

Ответ 11

Теперь Google Chrome представит новую функцию. С помощью этой функции вы можете редактировать код в режиме просмотра хрома. (Постоянное изменение местоположения кода)

Для этого нажмите F12 → вкладка "Источник" - (правая сторона) → "Файловая система" - в этом, пожалуйста, выберите свое местоположение кода. и затем браузер Chrome запросит у вас разрешение, и после этого код будет раковиной с зеленым цветом. и вы можете изменить свой код, и он также будет отражать ваше местоположение кода (это означает, что он будет постоянным изменением)

Спасибо

Ответ 12

Я нашел самый эффективный способ добраться до отладчика javascript, выполнив следующее:

chrome://inspect

Ответ 13

F12 открывает панель разработчика

CTRL + SHIFT + C Откроется инструмент для наведения курсора, где он подсвечивает элементы при наведении курсора, и вы можете щелкнуть его, чтобы отобразить его на вкладке элементов.

CTRL + SHIFT + I Открывает панель разработчика с вкладкой консоли

НАЖМИТЕ ПРАВО> Осмотреть Щелкните правой кнопкой мыши любой элемент и выберите "проверить", чтобы выбрать его на вкладке "Элементы" на панели "Разработчик".

ESC Если вы щелкнете правой кнопкой мыши и осмотрите элемент или аналогичный элемент и окажетесь на вкладке "Элементы", глядя на DOM, вы можете нажать ESC, чтобы переключать консоль вверх и вниз, что может быть хорошим способом использования обе.

Ответ 14

На консоли в Chrome вы можете сделать console.log(data_to_be_displayed).