Отладка JavaScript
Ошибки могут (будут) происходить каждый раз, когда вы пишете новый компьютерный код.
Отладка кода
Программный код может содержать синтаксические или логические ошибки.
Многие из этих ошибок трудно диагностировать.
Часто, когда программный код содержит ошибки, ничего не происходит. Сообщений об ошибках нет, и вы не получите указаний, где искать ошибки.
Поиск (и исправление) ошибок в программном коде называется отладкой кода.
Отладчики JavaScript
Отладка не проста. Но, к счастью, все современные браузеры имеют встроенный отладчик JavaScript.
Встроенные отладчики можно включать и выключать, заставляя пользователя сообщать об ошибках.
С помощью отладчика вы также можете устанавливать точки останова (места, где выполнение кода может быть остановлено) и проверять переменные во время выполнения кода.
Обычно, в противном случае следуйте инструкциям внизу этой страницы, вы активируете отладку в своем браузере с помощью клавиши F12 и выбираете «Консоль» в меню отладчика.
Метод console.log()
Если ваш браузер поддерживает отладку, вы можете использовать console.log()
для отображения значений JavaScript в окне отладчика:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Совет: подробнее об этом console.log()
методе читайте в нашем Справочнике по консоли JavaScript .
Установка точек останова
В окне отладчика вы можете установить точки останова в коде JavaScript.
В каждой точке останова выполнение JavaScript прекращается, и вы можете проверить значения JavaScript.
После проверки значений вы можете возобновить выполнение кода (обычно с помощью кнопки воспроизведения).
Ключевое слово отладчика
Ключевое debugger
слово останавливает выполнение JavaScript и вызывает (если доступно) функцию отладки.
Это имеет ту же функцию, что и установка точки останова в отладчике.
Если отладка недоступна, оператор отладчика не действует.
При включенном отладчике этот код прекратит выполнение до того, как выполнит третью строку.
Пример
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Инструменты отладки основных браузеров
Обычно вы активируете отладку в своем браузере с помощью F12 и выбираете «Консоль» в меню отладчика.
В противном случае выполните следующие действия:
Хром
- Откройте браузер.
- В меню выберите «Дополнительные инструменты».
- Из инструментов выберите «Инструменты разработчика».
- Наконец, выберите Консоль.
Fire Fox
- Откройте браузер.
- В меню выберите «Веб-разработчик».
- Наконец, выберите «Веб-консоль».
Край
- Откройте браузер.
- В меню выберите «Инструменты разработчика».
- Наконец, выберите «Консоль».
Опера
- Откройте браузер.
- В меню выберите «Разработчик».
- В разделе «Разработчик» выберите «Инструменты разработчика».
- Наконец, выберите «Консоль».
Сафари
- Перейдите в Safari, «Настройки», «Дополнительно» в главном меню.
- Установите флажок «Включить отображение меню «Разработка» в строке меню».
- Когда в меню появится новая опция «Разработка»:
Выберите «Показать консоль ошибок».
Вы знали?
Отладка — это процесс тестирования, поиска и устранения ошибок (ошибок) в компьютерных программах.
Первым известным компьютерным жуком был настоящий жук (насекомое), застрявший в электронике.