English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основы JavaScript

Объекты JavaScript

Функции JavaScript

JS HTML DOM

JS Браузер BOM

Основы AJAX

JavaScript Руководство

Отладка JavaScript

в программе или скриптеошибкойназываетсяbug.

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

Отладчик JavaScript

Все основные браузеры имеют встроенный отладчик JavaScript.

Вы можете открыть и закрыть встроенный отладчик, чтобы сообщить пользователю о возникших ошибках.

Используя отладчик, вы можете остановить выполнение кода в некоторых точках брека (местах, где можно остановить выполнение кода).

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

Вы также можете наблюдать за изменением значений переменных.

Метод console.log()

Если ваш браузер поддерживает отладку, вы можете использовать егоconsole.log();Отображение значений JavaScript в окне отладчика:

let x = 50;
let y = 20;
let z = x + y;
console.log(z);
Проверьте, посмотрите < / >

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

Ключ отладчика(debugger)

Любая доступная функциональность отладки, вызываемая ключом debugger, например, установление брека.

Если нет доступных функций отладки, то это предложение не будет работать.

Следующий пример показывает код, в котором вставлен оператор debugger, чтобы вызвать отладчик:

var a = 50 + 20;
debugger;
document.getElementById("output").innerHTML = a;
Проверьте, посмотрите < / >

При вызове отладчика выполнение строки debugger будет приостановлено. Это как точка останова в исходном коде скрипта.

Отладочные инструменты основных браузеров

Обычно, вы используете активированный браузерF12В разделе «Отладка»,然后在调试器 меню выберите «Консоль».

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

Chrome

  • Откройте браузер

  • Из меню выберите «Дополнительные инструменты»

  • Из инструментов выберите «Инструменты разработчика»

  • В конце, выберите консоль

FireFox

  • Откройте браузер

  • Из меню выберите «Web-разработчик»

  • В конце, выберите «Web-консоль»

Edge

  • Откройте браузер

  • Из меню выберите «Инструменты разработчика»

  • В конце, выберите «Консоль»

Opera

  • Откройте браузер

  • Из меню выберите «Разработчик»

  • Из «Разработчик» выберите «Инструменты разработчика»

  • В конце, выберите «Консоль»

Safari

  • Перейдите в Safari, Параметры, Дополнительно

  • Отметьте «Включить отображение меню разработчика в панели меню»

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