Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Консоль разработчика console.log пример

Поддержи проект!!! smile

Для javascript по умолчанию все ошибки выводятся в консоль! И это, по-моему, мнению очень правильно! В отличии от Php. И консоль можно открыть в большинстве браузеров нажав кнопку F12, если вдруг, у вас она на срабатывает, то нажимаем по странице ПКМ и выбираем показать код(исследовать элемент), а уже там идем в консоль – если она не открылась автоматически…

Мы сказали о php и если у вас произойдет ошибка в этом языке, то код – скорее всего не пойдет дальше а выведет на экран ошибку - если это не изменено в настройках(если такое имеется, то будет выводить пустой белый лист -и иногда пользователи мучаются и не понимают, что происходит…).

Консоль разработчика console.log примеры

  1. Где находится консоль разработчика
  2. Работа с консолью
  3. Браузеры и программы для работы с консолью
  4. Как отправить результат в консоль!?
  1. Где находится консоль разработчика

    Пытаемся нажать F12 - если консоль не открылась, то нажимаем исследовать элемент

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

    <script>alert(привет);</script>

    И результат конечно же будет такой:

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Консоль  разработчика console.log пример
    И консоль показывает: Uncaught ReferenceError: привет is not defined

    И тут же справа в верхнем углу видим – что ошибка одна. И слева в консоли видим название ошибки и строку, если мы нажмем по странице сочетание клавиш ctrl + U? То увидим, на означенной строке нашу запись, которая и отображается ошибкой в консоли.

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Консоль  разработчика console.log пример

  2. Работа с консолью

    Здесь можно прописывать команды – например напишите

    Alert(‘ПРИВЕТ’);

    В самом низу белого пространства слева смотрите стрелка и вертикальная черта мигающий курсор вставьте скопированный выше приведенный код и нажмите enter, и пока вы правильно не введете alert, то у вас будет выводиться ошибка(обращаю внимание на кавычки... они здесь в виде капли, и javascript будет постоянно на них ругаться! Замените их на ' или на ")

    И в конце мы видим, что после правильного ввода alert в консоли он сработал как и требовалось!

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Консоль  разработчика console.log пример

  3. Браузеры и программы для работы с консолью

    Существуют множество программ, которые специально заточены под разработчиков, которые возможно, когда-то вам понадобятся.

    Но на начальном этапе изучения кода, на это особо не стоит заморачиваться…

    По секрету!

    Я конечно знал, что такие программы существуют, и что есть даже специальные браузеры для разработчиков, и в том числе простой браузер – «firefox» - считается продвинутым в этом смысле, но видимо я стою на низшей ступени развития, что никогда не задумывался вообще над этим, и не думал, и не собирался и не собираюсь сейчас - устанавливать, ни программы, ни «firefox» себе на компьютер!

  4. Как отправить результат в консоль!?

    Для того, чтобы отправить какие-то данные в консоль, нужно прописать вот такую конструкцию:

    console.log(здесь данные);


Последняя дата редактирования : 28.03.2021 23:06
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
консоль разработчика как открыть консоль разработчикакак включить консоль разработчикаконсоль разработчика яндексконсоль разработчика в браузеречто делать если ошибка консоль разработчикаконсоль разработчика Яндекс браузеркак устранить ошибку консоль разработчикакак вызвать консоль разработчикаchrome консоль разработчика

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.