Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
21/10/2020 12:15
Поиск по словам... м...м... может быть... не задумывался... в принципе скрипт поиска есть, надо подумать, как это…
подробнее.
Anton :
21/10/2020 09:29
Как добавить картинку (с ПК), видео (с хостинга или ПК) ?Будет ли поиск по словам в комментариях…
подробнее.
Марат :
15/10/2020 03:29
Сегодня нам дали очередную десяточку к "ИКС" - у, теперь…
подробнее.
Марат :
15/10/2020 03:16
Здравствуйте. Первое, что на ум пришло по вашему вопросу:Найти первое повторяющееся слово и выделить…
подробнее.
Майя :
15/10/2020 11:14
Добрый день, не могли бы вы подсказать, как выделить только первое или, например , только второе одинаковое…
подробнее.