Обновляется!!! Справочник JavaScript
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
Ключевое слово debugger
останавливает выполнение JavaScript и вызовы (если таковые имеются) функции отладки.
Это та же функция, что и установка точки останова в отладчике.
Если отладка недоступна, инструкция отладчика не действует.
Если отладчик включен, этот код перестанет выполняться до того, как выполнит третью строку.
Основные инструменты отладки браузеров
Обычно вы активируете отладку в своем браузере с помощью F12 и выбираете "Консоль" в меню отладчика.
В противном случае выполните следующие действия:
Chrome
- Откройте браузер.
- В меню выберите "Дополнительные инструменты".
- В инструментах выберите "Инструменты разработчика".
- Наконец, выберите "Консоль".
Firefox
- Откройте браузер.
- В меню выберите "Веб-разработчик".
- Наконец, выберите "Веб-консоль".
Edge
- Откройте браузер.
- В меню выберите "Инструменты разработчика".
- Наконец, выберите "Консоль".
Opera
- Откройте браузер.
- В меню выберите "Разработчик".
- В разделе "Разработчик", выберите "Инструменты разработчика".
- Наконец, выберите "Консоль".
Safari
- Перейдите в Safari, Настройки, Дополнительно в главном меню
- Установите флажок "Включить отображение меню разработки в строке меню".
- Когда в меню появится новая опция "Разработка":
выберите "Показать консоль ошибок".
Вы знали?
Отладка - это процесс тестирования, поиска и устранения ошибок (ошибок) в компьютерных программах.
Первой известной компьютерной ошибкой была настоящая ошибка (насекомое), застрявшая в электронике.