Работа в консоле браузера, console.log.

Оцените материал
(0 голосов)

Здравствуйте!  В этом уроке речь пойдет о таком незаменимом средстве отладке программ на JavaScript, как консоль браузера, с помощью оной можно отлаживать программу в броузере. В браузерах есть такая штука.  Для примера в  броузере Google Chrome, чтобы вызвать консоль надо  нажать F12:

консоль браузера

При этом в нижней части окна  браузера  появится консоль:

Запуск консоли браузера

Вы можете  набирать код программы непосредственно  консоле, и этот код будет выполнен.  Дававйте для примера введем следующий текст:

alert("Привет мир");

Скрипт, запущенный в консоли броузера

Браузер тут же выполнит скрипт  и выдолжны увидеть такое  окно с сообщением.

Для вывода отладочной  информации, которая нужна для отладки программы браузере  есть такая функция console.log(). Вот пример:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
<title>JavaScript</title>
</head>
<body>
    <h2>Первая программа на JavaScript</h2>
    <script>
    var b = 5 + 8;
    console.log("Результат операции");
    console.log(b);
    </script>
</body>
</html>

Просмотреть  пример

В  примере  мы обявляем  переменную,   в которой присваиваем  сумму 2 чисел 5 и 8:  вот таким образом var b = 5 + 8.  Ну и дальше с  помощью функции  console.log()  выводим значение переменной в консоли. После  открытия страницы в браузере в консоли  будет показан результат:

результат работы скрипта в консоли

Дальше по ходу курса мы часто будем пользоваться этой функцией console.log().

Смотрите видео как отлаживать код в консоли.

Десерт на сегодня - видео о домино из 10000 айфонов

Прочитано 227 раз Последнее изменение Воскресенье, 13 августа 2017 14:22
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

Поиск по сайту

Связной трэвел

Google+