Изучаем отладчик и вывод в консоль

В большинстве программ для разработчиков самым лучшим другом программиста будет консоль. Многоцелевая панель используется для ведения журнала сообщений об ошибках, проверки DOM, отладки кода JavaScript и множества других задач. В зависимости от браузера консоль вызывается разными командами (кроме прямого выбора через меню): в браузере Chrome, IE, FireFox - F12. Консоль автоматически выводит ошибки в коде, которые выявляются в ходе выполнения скрипта. Файл и строка указываются рядом с ошибкой, а нажатие клавиши мыши на ошибке перемещает фокус ввода в соответствующее ей место. Консоль может не только показывать ошибки в коде скрипта. С помощью Console API и Command Line API можно управлять выводом данных в консоль. Самая известная и полезная команда .log(). При разработке кода формы очень полезно знать значения переменных, чтобы проверять правильность работы кода. Обычной практикой является использование функции alert() для визуального контроля. Однако, использование такого метода блокирует выполнение остальной части кода до нажатия кнопки в окне диалога. Приводим пример, в котором в консоль выводится результат арифметической операции - 5+6=11.

<!DOCTYPE html>
<html>
<body>
<h1>Моя первая Web-страница</h1>
<p>Мой первый параграф.</p>
<p>
Активируйте в вашем браузере отладчик: 
для Chrome, IE, Firefox клавишей F12, и выберите "Console" в меню отладчика.
</p>
<script>
console.log(5 + 6);
</script>
</body>
<⁄html>

Похожие публикации: JavaScript

Войти и комментировать [ Вход | Регистрация ]