JavaScript Отладчик
Ошибки могут (будут) происходить каждый раз, когда вы пишете какой-то новый компьютерный код.
Отладка кода
Программный код может содержать синтаксические или логические ошибки.
Многие из этих ошибок трудно диагностировать.
Часто бывает, когда программный код содержит ошибки, ничего не происходит. И никаких сообщений об ошибках, вы не получите никаких указаний, где поискать ошибок.
Поиск (и исправление) ошибок в программном коде называется отладкой кода.
JavaScript отладчики
Отладка не так проста. Но, к счастью, все современные браузеры имеют встроенный отладчик JavaScript.
Встроенные отладчики можно включать и выключать, заставляя сообщать об ошибках пользователю.
С помощью отладчика можно также установить точки остановки (места, где выполняется код может быть остановлена), и исследовать переменные во время выполнения кода.
Обычно, в противном случае следуйте инструкциям в нижней части этой страницы, вы активируете отладку в вашем браузере с помощью нажмите клавишу F12 и выберите "консоль" в меню отладчика.
Метод console.log()
Если Ваш браузер поддерживает отладку, вы можете использовать console.log() для отображения значений JavaScript в окне отладчика:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>Моя первая веб-страница</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Попробуйте сами »
Совет: Подробнее о консоли читайте здесь метод console.log() в нашем JavaScript Консоль справочник.
Остановка точки прерывания
В окне отладчика можно задать точки остановки в коде JavaScript.
В каждой точке прерывания JavaScript прекратит выполнение и позволит вам проверить значения JavaScript.
После проверки значений можно возобновить выполнение кода (обычно с помощью кнопка воспроизведения).
Ключевое слово debugger
Ключевое слово debugger останавливает выполнение JavaScript, и вызывает (если доступно) функцию отладки.
Это имеет ту же функцию, что и установка точки остановки в отладчике.
Если отладка недоступна, то инструкция debugger не действует.
При включенном отладчике этот код перестанет выполняться до его запуска. выполняет третью строку.
Основные средства отладки браузеров
Обычно вы активируете отладку в браузере с помощью F12 и выбираете "Console" в меню отладчика.
В противном случае выполните следующие действия:
Chrome
- Откройте браузер.
- В меню выберите пункт "Дополнительные инструменты".
- Из инструментов выберите "Средства разработчика".
- Наконец, выберите пункт консоль.
Firefox
- Откройте браузер.
- В меню выберите пункт "Веб-разработчик".
- Наконец, выберите "Веб-консоль".
Edge
- Откройте браузер.
- В меню выберите пункт "Средства разработчика".
- Наконец, выберите "Консоль".
Opera
- Откройте браузер.
- В меню выберите пункт "Разработчик".
- Из "Разработчика", выберите "Средства разработчика".
- Наконец, выберите "Консоль".
Safari
- Перейдите в главное меню Safari, Preferences, Advanced.
- Проверить "Включить показать меню разработки в строке меню".
- Когда появится новый вариант "Разработка" появится в меню:
Выбирать "Показать ошибку консоли".
Вы знали?
Отладка - это процесс тестирования, поиска и устранения ошибок в компьютерных программах.
Первым известным компьютерным багом был настоящий баг (насекомое), застрявший в электронике.
