Ошибки могут (будут) возникать каждый раз, когда вы пишете новый компьютерный код.
Программный код может содержать синтаксические или логические ошибки.
Многие из этих ошибок трудно диагностировать.
Часто, когда программный код содержит ошибки, ничего не происходит. Есть нет сообщений об ошибках, и вы не получите указаний, где искать ошибки.
Поиск (и исправление) ошибок в программном коде называется отладкой кода.
Отладка непростая задача. Но, к счастью, все современные браузеры имеют встроенную Отладчик JavaScript.
Встроенные отладчики можно включать и выключать, заставляя сообщать об ошибках в Пользователь.
С помощью отладчика вы также можете устанавливать точки останова (места, где выполняется код). можно остановить) и проверять переменные во время выполнения кода.
Обычно (в противном случае следуйте инструкциям внизу этой страницы) вы активируете отладку в своем браузере с помощью клавишу F12 и выберите «Консоль» в меню отладчика.
Если ваш браузер поддерживает отладку, вы можете использовать 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>Попробуйте сами →
<!DOCTYPE html>
<html>
<body>
<h2>My First Web Page</h2>
<p>Activate debugging in your browser (Chrome, IE, Firefox) with F12, and select "Console" in the debugger menu.</p>
<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;Попробуйте сами →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Debugger</h2>
<p id="demo"></p>
<p>With the debugger turned on, the code below should stop executing before it executes the third line.</p>
<script>
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Обычно вы активируете отладку в браузере с помощью клавиши F12 и выбираете «Консоль» в меню отладчика.
В противном случае выполните следующие действия:
Откройте браузер.
В меню выберите «Дополнительные инструменты».
В инструментах выберите «Инструменты разработчика».
Наконец, выберите Консоль.
Откройте браузер.
В меню выберите «Веб-разработчик».
Наконец, выберите «Веб-консоль».
Откройте браузер.
В меню выберите «Инструменты разработчика».
Наконец, выберите «Консоль».
Откройте браузер.
В меню выберите «Разработчик».
В разделе «Разработчик» выберите «Инструменты разработчика».
Наконец, выберите «Консоль».
Перейдите в Safari, «Настройки», «Дополнительно» в главном меню.
Установите флажок «Включить отображение меню разработки в строке меню».
Когда в меню появится новая опция «Разработка»:
Выберите «Показать ошибку». Консоль".
Отладка — это процесс тестирования, поиска и устранения ошибок (ошибок) в компьютерных программах.
Первой известной компьютерной ошибкой была настоящая ошибка (насекомое), застрявшая в электронике.