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

Question

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

Answer 1

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

debugger;

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

Answer 2

Windows: CTRL - SHIFT - J ИЛИ F12

Mac: ⌥ - ⌘ - J

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

Answer 3

Windows и Linux:

Ctrl + Shift + I , чтобы открыть Инструменты разработчика

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

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

Mac:

⌥ + ⌘ + I , чтобы открыть Инструменты разработчика

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

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

Источник

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

Answer 4

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

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

Answer 5

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

Answer 6

В Chrome 8.0.552 на Mac вы можете найти это в меню Просмотреть / Разработчик / Консоль JavaScript ... или вы можете использовать * Alt +1008 * + CMD + J .

Answer 7

Здесь вы можете найти ярлыки для доступа к инструментам разработчика.

https://developer.chrome.com/devtools/docs/shortcuts

Answer 8

Чтобы открыть выделенную панель «Консоль», либо:

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

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

Answer 9

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

Answer 10

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

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

Спасибо