JavaScript Отладки
Ошибки могут (будет) произойти, каждый раз, когда вы пишете новый код компьютера.
Отладка кода
Программный код может содержать синтаксические ошибки или логические ошибки.
Многие из этих ошибок трудно диагностировать.
Часто, когда программный код содержит ошибки, ничего не произойдет. Нет сообщений об ошибках, и вы не получите указания, где искать ошибки.
Поиск (и исправление) ошибок в программном коде называется отладкой кода.
Отладчики JavaScript
Отладка непростая. Но, к счастью, все современные браузеры имеют встроенный отладчик JavaScript.
Встроенные отладчики можно включить и выключить, вынуждая сообщать пользователю об ошибках.
С помощью отладчика можно также задавать точки останова (места, где может быть остановлено выполнение кода) и проверять переменные во время выполнения кода.
Обычно, в противном случае следуйте инструкциям в нижней части этой страницы, вы активируете отладку в вашем браузере с помощью клавиши F12 и выбираете "Console" в меню отладчика.
Метод Console. log ()
Если обозреватель поддерживает отладку, для отображения значений JavaScript в окне отладчика можно использовать консоль. log ():
Пример
<!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.
После изучения значений можно возобновить выполнение кода (обычно с помощью кнопки воспроизведения).
Ключевое слово отладчика
Ключевое слово отладчика останавливает выполнение JavaScript и вызывает (если доступно) функцию отладки.
Эта функция имеет ту же функцию, что и установка точки останова в отладчике.
Если отладка недоступна, инструкция отладчика не оказывает никакого влияния.
Если отладчик включен, этот код остановит выполнение перед выполнением третьей строки.
Пример
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Средства отладки основных обозревателей
Обычно вы активируете отладку в браузере с помощью F12 и выбираете "Console" в меню отладчика.
В противном случае выполните следующие действия:
Chrome
- Откройте обозреватель.
- В меню выберите Сервис.
- В меню Инструменты выберите средства разработчика.
- Наконец, выберите консоль.
Firefox Firebug
- Откройте обозреватель.
- Перейти на веб-страницу:
http://www.getfirebug.com - Следуйте инструкциям по:
установить Firebug
Internet Explorer
- Откройте обозреватель.
- В меню выберите Сервис.
- В меню Инструменты выберите средства разработчика.
- Наконец, выберите консоль.
Opera
- Откройте обозреватель.
- Перейти на веб-страницу:
http://dev.Opera.com - Следуйте инструкциям по:
Добавьте кнопку консоли разработчика на панель инструментов.
Safari Firebug
- Откройте обозреватель.
- Перейти на веб-страницу:
http://Safari-Extensions.Apple.com - Следуйте инструкциям по:
Установите Firebug Lite.
Safari Develop Menu
- Перейти в Safari, предпочтения, расширенный в главном меню.
- Установите флажок "включить отображение меню разработки в строке меню".
- При появлении в меню новой опции "Разработка":
Выберите "Показать консоль ошибок".
Ты знала?
Отладка — это процесс тестирования, поиска и уменьшения количества ошибок (ошибок) в компьютерных программах.
Первый известный компьютер ошибка была реальная ошибка (насекомое) застрял в электронике.