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

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

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

Для 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(здесь данные);


Вас может еще заинтересовать список тем : #JS | #JS_BOOK |
Последняя дата редактирования : 2020-02-18 01:42
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020 Мы на лучшем хостинге -> ruweb