При использовании Google Chrome я хочу отладить некоторый код JavaScript. Как я могу это сделать?
javascript
google-chrome
debugging
google-chrome-devtools
Кевин Дридгер
источник
источник
Ответы:
Windows: CTRL- SHIFT- JИЛИ F12
Mac: ⌥- ⌘-J
Также доступно через меню гаечного ключа (Инструменты> Консоль JavaScript):
источник
<kbd>
метку. Жаль, что я не могу использовать это в комментариях.Alt-Cmd-J
в последней сборке Chrome.F12
это самый простой способПопробуйте добавить это в свой источник:
Это работает в большинстве, если не во всех браузерах. Просто поместите его где-нибудь в своем коде, и он будет действовать как точка останова.
источник
Windows и Linux:
Ctrl+ Shift+ Iключи для открытия инструментов разработчика
Ctrl+ Shift+, Jчтобы открыть Инструменты разработчика и привлечь внимание к консоли.
Ctrl+ Shift+ Cдля переключения режима проверки элемента.
Mac:
⌥ + ⌘+ Iключи для открытия инструментов разработчика
⌥ + ⌘+, Jчтобы открыть Инструменты разработчика и привлечь внимание к консоли.
⌥ + ⌘+ Cдля переключения режима проверки элемента.
Источник
Другие ярлыки
источник
Нажмите F12функциональную клавишу в браузере Chrome, чтобы запустить отладчик JavaScript, а затем нажмите «Сценарии».
Выберите файл JavaScript сверху и поместите точку останова в отладчик для кода JavaScript.
источник
Ctrl+ Shift+ Jоткрывает Инструменты разработчика.
источник
В Chrome 8.0.552 на Mac вы можете найти это в меню View / Developer / JavaScript Console ... или вы можете использовать Alt+ CMD+ J.
источник
Здесь вы можете найти ярлыки для доступа к инструментам разработчика.
https://developer.chrome.com/devtools/docs/shortcuts
источник
Shift+ Control+ Iоткрывает окно инструментов разработчика. Из нижнего левого второго изображения (которое выглядит следующим образом) откроется / скроется консоль для вас:
источник
Чтобы открыть выделенную панель «Консоль», либо:
press
вкладка «Консоль».Пожалуйста, обратитесь сюда
источник
Для пользователей Mac перейдите в Google Chrome -> Вид меню -> Разработчик -> Консоль JavaScript .
источник
Теперь в Google Chrome появилась новая функция. Используя эту функцию, вы можете редактировать свой код в браузере Chrome. (Постоянное изменение кода местоположения)
Для этого нажмите F12 -> Вкладка «Источник» - (справа) -> Файловая система - в этом, пожалуйста, выберите ваше местоположение кода. Затем браузер Chrome запросит у вас разрешение, после чего код станет зеленым. и вы можете изменить свой код, и он также будет отражать ваше местоположение кода (это означает, что это будет постоянное изменение)
Спасибо
источник
Самый эффективный способ найти отладчик javascript - это запустить:
chrome://inspect
источник
F12 открывает панель разработчика
CTRL + SHIFT + C - откроет инструмент для наведения курсора, где он подсвечивает элементы при наведении курсора, и вы можете щелкнуть его, чтобы отобразить на вкладке элементов.
CTRL + SHIFT + I Открывает панель разработчика с вкладкой консоли
RIGHT-CLICK> Inspect. Щелкните правой кнопкой мыши по любому элементу и нажмите «Inspect», чтобы выбрать его на вкладке «Элементы» панели «Разработчик».
ESC Если вы щелкнете правой кнопкой мыши и осмотрите элемент или аналогичный элемент и окажетесь на вкладке «Элементы», глядя на DOM, вы можете нажать ESC, чтобы переключать консоль вверх и вниз, что может быть хорошим способом использования обоих.
источник
Это инструменты, которые вы видите
нажмите
F12
источник
С консоли в Chrome это можно сделать
console.log(data_to_be_displayed)
.источник