Дебагирование JavaScript

Ошибки всегда происходят, когда вы пишете новый компьютерный код.

Дебагирование JavaScript

Писать JavaScript без отладчика сложно.

Ваш код может содержать синтаксические ошибки или логические ошибки, которые трудно диагностировать.

Обычно, если в коде 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>

Попробуйте это сами

Совет:Посетите наше руководство по JavaScript Console, чтобы получить更多信息 о методе console.log().

Установить точку останова

В окне отладки вы можете устанавливать точки останова в коде JavaScript.

В каждом месте остановки JavaScript остановится, чтобы вы могли проверить значения JavaScript.

После проверки значений вы можете продолжить выполнение кода.

ключевое слово debugger

отладчик Ключевые слова останавливают выполнение JavaScript и вызывают (если есть) отладочные функции.

Это функционально идентично установке точки останова в отладчике.

Если отладчик недоступен,отладчик Строка не имеет эффекта.

Если отладчик открыт, этот код остановится перед выполнением третьей строки.

Пример

var x = 15 * 5;
отладчик;
document.getElementById("demo").innerHTML = x;

Попробуйте это сами

Инструменты отладки主流 браузеров

Обычно, вы можете включить отладку через клавишу F12 в браузере и выбрать «Консоль» в меню отладчика.

В противном случае следуйте следующим шагам:

Chrome

  • Откройте браузер
  • Выберите инструменты из меню
  • Выберите разработческие инструменты из инструментов
  • В конце, выберите консоль

Firefox Firebug

  • Откройте браузер
  • Перейдите на веб-сайт: http://www.getfirebug.com
  • Следуя следующим инструкциям: как установить Firebug

Internet Explorer

  • Откройте браузер
  • Выберите инструменты из меню
  • Выберите разработческие инструменты из инструментов
  • В конце, выберите консоль

Opera

  • Откройте браузер
  • Перейдите на веб-сайт: http://dev.opera.com
  • Следуя следующим инструкциям: как установить Firebug Lite

Меню разработчика Safari

  • Нажмите Safari меню, настройки, продвинутый
  • Выберите «Включить меню разработчика в строке меню»
  • Когда в меню появляется новый пункт «Разработка», выберите «Показать консоль ошибок»

Знаете ли вы?

Отладка - это процесс тестирования, поиска и уменьшения ошибок (bug) в компьютерных программах.

Первый известный компьютерный баг был真实的 насекомое, застрявшее в электронном устройстве (вид насекомого).