Зміст:
Консоль – це потужний інструмент, наданий браузером Google Chrome, який дозволяє розробникам веб-сторінок взаємодіяти зі сторінкою, перевіряти та налагоджувати код. Це неймовірно корисний інструмент, який допомагає вам швидко та ефективно розробляти та налагоджувати свої веб-сторінки.
Консоль у Chrome надає різні можливості, такі як виконання JavaScript-коду на сторінці, перегляд помилок, виведення інформації про завантаження ресурсів, а також безліч команд та методів для аналізу та маніпуляції веб-сторінкою.
Одна з основних функцій консолі – виконання JavaScript-коду прямо на сторінці. Це дозволяє розробнику перевірити роботу певних шматків коду або виконати певні дії на сторінці за допомогою JavaScript. Крім того, консоль виводить інформацію про помилки, які виникли під час завантаження та виконання коду на сторінці, що дозволяє швидко та ефективно їх виправляти.
| Вкладка | Команда | Опис |
|---|---|---|
| Console | console.log() | Виводить повідомлення у консоль |
| console.warn() | Виводить попередження у консоль | |
| console.error() | Виводить помилку в консоль | |
| Elements | $(selector) | Вибирає елемент(и) за CSS-селектором |
| element.addEventListener(event, function) | Додає обробник події до елементу | |
| Network | navigator.userAgent | Повертає рядок, що містить інформацію про браузер користувача |
| fetch(url) | Відправляє асинхронний HTTP-запит до сервера та повертає Promise з відповіддю | |
| performance.timing | Повертає об'єкт із часом виконання різних етапів завантаження сторінки |
Як працювати з консоллю у браузері?
Ось способи виклику консолі: Натисніть на клавіатурі F12 (або Fn+F12) або комбінацію Ctrl+Shift+I. Клацніть у будь-якому місці сторінки правою кнопкою та активуйте опцію «Перегляд коду сторінки».
Як відкрити Консоль у Google Chrome?
Виберіть Перегляд > Розробникам > Інструменти розробника. Також можна використовувати клавіші Alt + Command + i.
Як відкрити Консоль браузері?
Натисніть клавіші CTRL+SHIFT+J (Windows, Linux) або COMMAND+OPTION+J (macOS).
Як відкрити Консоль у хромі на вінді?
Відкриття консолі Для того, щоб відкрити вкладку Console, ви можете: використовувати хоткей Command – Option – J (Mac) або Control – Shift – J (Windows/Linux); вибрати пункт меню View > Developer > JavaScript Console.