Довідник з функцій консолі

У цій статті описано функції консолі.

Зміст:

• Відкриття консолі
  • Відкриття засобу "Консоль" на панелі дій
  • Відкрийте консоль на панелі інструментів швидкого перегляду
  • Відкрийте консоль із меню "Команда"
  • Відкриття параметрів консолі
  • Відкривання бічної панелі для фільтрації повідомлень
  • Вимкнення групування повідомлень
  • Ведення журналу запитів XHR та вибірки
  • Збереження повідомлень під час завантаження сторінки
  • Приховати мережеві помилки
  • Пояснення помилок та попереджень консолі за допомогою Copilot у Edge
  • Фільтрування повідомлень браузера
  • Фільтрування за рівнем журналу
  • Фільтрування повідомлень за URL-адресою скрипта
    • Скасування фільтра з негативним фільтром URL-адреси
    • Відображення повідомлень з одного скрипта за допомогою бічної панелі
    • Повторне виконання виразів за допомогою журналу консолі
    • Перегляд значення виразу в режимі реального часу за допомогою динамічного виразу
    • Відключення оцінки виразів JavaScript під час введення
    • Вимкнення автозаповнення з журналу
    • Вибір контексту для запуску виразів JavaScript

    Відкриття консолі

    Консоль можна відкрити на панелі дій або на панелі швидкого перегляду.

    Відкриття засобу "Консоль" на панелі дій

    Натисніть клавіші CTRL+SHIFT+J (Windows, Linux) або COMMAND+OPTION+J (MacOS). Відкриється devTools із вкладкою для засобу консолі , вибраної на панелі дій:

    Відкрийте консоль на панелі інструментів швидкого перегляду

    Щоб відкрити консоль на панелі інструментів швидкого перегляду у нижній частині вікна Засоби розробки натисніть клавішу ESC. Якщо панель швидкого перегляду раніше була прихована, вона відображається:

    Або клацніть Налаштування та керування засобами розробки ( . ) >Перемикання панелі швидкого перегляду.

    Відкрийте консоль із меню "Команда"

    Щоб відкрити консольне засіб у меню Команд, виконайте такі дії:

    1. Натисніть клавіші CTRL+SHIFT+P (Windows, Linux) або COMMAND+SHIFT+P (MacOS). Меню команд спочатку відкривається із символом > , доданим у текстове поле.
    2. Введіть Show Console (Показати консоль) ), а потім виберіть будь-який з параметрів Show Console (Показати консоль) ).
       • Щоб відкрити консоль на панелі дій, виберіть параметр із піктограмою Панель поряд із ним.
       • Щоб відкрити консоль на панелі інструментів Швидкого перегляду , виберіть параметр із піктограмою швидкого перегляду поряд із ним.

    Додаткові відомості про меню команд див. у розділі Виконання команд у меню команд.

    Відкриття параметрів консолі

    Щоб змінити параметри засобу консолі , натисніть кнопку Параметри консолі ( ). Відкриється розділ параметрів:

    Відкривання бічної панелі для фільтрації повідомлень

    Щоб відобразити бічну панель в консолі, щоб відфільтрувати повідомлення, клацніть Показати бічну панель консолі ( ). З'явиться бічна панель:

    Додаткові відомості про фільтрацію повідомлень у засобі "Консоль" див. у розділі Фільтрування повідомлень.

    Перегляд повідомлень

    У наступних розділах описуються функції, які змінюють спосіб подання повідомлень у засобі "Консоль ". Практичний покроковий посібник див. у розділі Перевірка та фільтрація відомостей на поточній веб-сторінці в розділ Загальні відомості про консоль.

    Вимкнення групування повідомлень

    За замовчуванням консоль групована аналогічними повідомленнями. Наприклад, якщо реєструється кілька наступних повідомлень, консолі відображається лише одне повідомлення.Повідомлення включає кількість зареєстрованих повідомлень, і ви можете розгорнути повідомлення, щоб переглянути всі екземпляри.

    Щоб вимкнути поведінку групування повідомлень за промовчанням в консолі, натисніть кнопку Параметри консолі ( ), а потім встановіть прапорець Групувати аналогічні повідомлення в консолі .

    Ведення журналу запитів XHR та вибірки

    Щоб реєструвати всі запити мережі, що активуються XMLHttpRequest API JavaScript і Fetch , виконайте такі дії:

    1. Відкрийте демонстраційну веб-сторінку Перевірка активності мережі Демонстрація в новому вікні або вкладці.
    2. У засобі Консолі натисніть кнопку Параметри консолі ( ) та встановіть прапорець Log XMLHttpRequests .
    3. На веб-сторінці, що відображається, натисніть кнопку Отримати дані . При цьому запускається Fetch запит API, а потім консоль реєструє відомості про запит та відповідь:

    Збереження повідомлень під час завантаження сторінки

    При завантаженні нової веб-сторінки повідомлення в консолі очищуються. Щоб зберегти повідомлення під час завантаження сторінки, натисніть кнопку Параметри консолі ( ) та встановіть прапорець Зберегти журнал .

    Приховати мережеві помилки

    За замовчуванням засіб "Консоль" реєструє мережеві помилки:

    Показана вище помилка пов'язана з HTTP-відповіддю з кодом стану 404 .

    Щоб приховати помилки мережі, натисніть кнопку Параметри консолі ( ) та встановіть прапорець Приховати мережу .

    Пояснення помилок та попереджень консолі за допомогою Copilot у Edge

    Під час перевірки веб-сторінки за допомогою засобів розробки часто відображаються помилки та попередження в засобі консолі . Ці помилки та попередження іноді буває важко зрозуміти та виправити. За допомогою функції Пояснити цю помилку ви отримаєте додаткові відомості про помилку або попередження в Copilot Edge:

    Фільтрування повідомлень

    Існує кілька способів фільтрації повідомлень у консолі.

    Фільтрування повідомлень браузера

    Щоб відобразити лише повідомлення, отримані з JavaScript веб-сторінки, виконайте такі дії:

    1. Відкрийте демонстраційну веб-сторінку PWAmp у новому вікні або вкладці та натисніть кнопку Відтворити . На демонстраційній веб-сторінці також реєструються повідомлення в консолі та кілька повідомлень браузера:
    2. У засобі Консоль , щоб відобразити бічну панель, клацніть Показати бічну панель консолі ( ).
    3. На боковій панелі клацніть 3 повідомлення користувача. Кількість повідомлень користувача може відрізнятися залежно від кількості повідомлень, які реєструє веб-сторінка. Засіб "Консоль" відображає лише ті повідомлення, які реєструє веб-сторінка, а повідомлення браузера приховані:

    Фільтрування за рівнем журналу

    DevTools призначає кожному повідомленню, зареєстроване в засобі консолі , один із чотирьох рівнів серйозності:

    Чотири рівні серйозності застосовуються до:

    • Повідомлення, які ви реєструєте з веб-сторінки за допомогою console таких методів, як console.log() , console.error() та console.warn() .
    • Повідомлення, які реєструє браузер.

    Ви можете приховати повідомлення будь-якого рівня, які вас не цікавлять. Наприклад, якщо вас цікавлять Error тільки повідомлення, можна приховати решту трьох рівнів.

    Щоб відфільтрувати повідомлення за рівнем, виконайте такі дії:

    1. На панелі інструментів засоби Консолі клацніть список, що розкривається Рівень журналу . Якщо список, що розкривається, недоступний, спочатку скрийте бічну панель, клацнувши Приховати бічну панель консолі ( ).
    2. У списку, що розкривається, увімкніть або відключіть будь-який з рівнів Verbose, Info, Warnings або Errors:

    Фільтрування повідомлень за URL-адресою скрипта

    Щоб відфільтрувати повідомлення за URL-адресою скрипта, яка зареєструвала повідомлення, використовуйте текстове поле Фільтр :

    1. Відкрийте демонстраційну веб-сторінку PWAmp у новому вікні або вкладці. консоль.
    2. На панелі інструментів засоби Консоль клацніть текстове поле Фільтр і введіть url: . З'явиться список, що містить URL-адреси скриптів, які реєстрували повідомлення:
    3. Виберіть URL-адресу скрипта, на яку ви хочете зосередитися. "Консоль" відображає лише повідомлення з цього скрипту:

    Вам не потрібно вибирати URL-адреси, які надає засіб "Консоль у списку, що розкривається Фільтр . Можна ввести URL-адресу або частину URL-адреси, за якою потрібно відфільтрувати. com дозволяє зосередитися на повідомленнях цих двох скриптів.

    Скасування фільтра з негативним фільтром URL-адреси

    Щоб приховати повідомлення, зареєстровані у скрипті, у текстовому полі Фільтр введіть -url: url-адресу або частину URL-адреси скрипта. Наприклад, щоб приховати повідомлення з https://example.com/a.js , введіть -url:example.com/a.js .

    Відображення повідомлень з одного скрипта за допомогою бічної панелі

    Щоб відобразити повідомлення з одного скрипта за допомогою бічної панелі:

    1. Щоб відобразити бічну панель в консолі, клацніть Показати бічну панель консолі ( ).
    2. Розгорніть розділ 3 повідомлення користувача . Це число може відрізнятися залежно від кількості повідомлень, які реєструє веб-сторінка. Відобразиться список скриптів, які реєструють повідомлення.
    3. Виберіть скрипт, який містить повідомлення, на які потрібно зосередитись. Консоль відображає лише повідомлення з цього сценарію:

    Фільтрування повідомлень із різних контекстів JavaScript

    За замовчуванням засіб консолі відображає повідомлення з усіх контекстів JavaScript, запущених на веб-сторінці. Це можуть бути повідомлення від міждоменних елементів, впроваджених у веб-сторінку, або робочих ролей служб, що працюють у фоновому режимі.

    Щоб відобразити лише повідомлення з одного контексту JavaScript, виконайте такі дії:

    1. Натисніть кнопку Параметри консолі ( ). Відкриється розділ параметрів.
    2. Встановіть прапорець Вибраний контекст тільки . У консолі відображаються лише ті повідомлення, які реєструються в верхньому контекст JavaScript.
    3. Щоб вибрати контекст різниці, на панелі інструментів консолі клацніть список, що розкривається контекст JavaScript , а потім виберіть контекст, на який ви хочете зосередитися:

    Щоб отримати додаткові відомості про вибір іншого контексту JavaScript, див. у статті Вибір контексту для виконання виразів JavaScript.

    Фільтрування повідомлень за допомогою шаблону регулярного вираження

    Відображення лише повідомлень, що відповідають шаблону регулярного виразу:

    1. На панелі інструментів засоби Консоль клацніть текстове поле Фільтр .
    2. Введіть шаблон регулярного виразу, наприклад /.*\.mp3$/ для зіставлення повідомлень, що закінчуються .mp3. У консолі відображається лише повідомлення, що відповідає шаблону регулярного виразу:

    Запуск JavaScript

    Цей розділ містить функції, пов'язані з запуском JavaScript в консолі. Практичний покроковий посібник див. у статті Запуск JavaScript у консолі.

    Повторне виконання виразів за допомогою журналу консолі

    Щоб запустити вираз JavaScript, який ви виконали раніше у консолі, виконайте такі дії:

    1. Натисніть клавішу СТРІЛКА ВВЕРХ , щоб переглянути журнал виразів JavaScript, які ви виконали раніше.
    2. Натисніть клавішу ВВЕДЕННЯ , щоб знову запустити вираз.

    Перегляд значення виразу в режимі реального часу за допомогою динамічного виразу

    Щоб watch значення виразу JavaScript в режимі реального часу, замість багаторазового виконання виразу створіть динамічний вираз:

    1. На панелі інструментів консолі натисніть кнопку Створити динамічний вираз ( ). Під панеллю інструментів з'явиться текстове поле Вираз .
    2. Введіть вираз JavaScript та клацніть за межами текстового поля Вираз . Новий вираз та його значення відображаються у верхній частині засобу Консолі .

    Відключення оцінки виразів JavaScript під час введення

    За замовчуванням засіб "Консоль" відображає значення виразу в режимі попереднього перегляду при введенні виразу JavaScript в консолі.

    Щоб вимкнути попередній перегляд у режимі реального часу під час введення:

    1. Натисніть кнопку Параметри консолі ( ).
    2. Зніміть прапорець Охоче ​​обчислення .

    Вимкнення автозаповнення з журналу

    При введенні виразу JavaScript в засобі Консолі з'являється спливаюче вікно автозаповнення. Спливне вікно автозаповнення містить:

    • Пропозиції для глобальних об'єктів та функцій JavaScript, які відповідають введеним символам.
    • Пропозиції для виразів JavaScript, які ви здійснили раніше.

    Пропозиції для виразів JavaScript, які ви виконали раніше, мають префікс символу > і відображаються в нижній частині вікна автозаповнення:

    Щоб зупинити відображення пропозицій із раніше запущених виразів, виконайте такі дії:

    1. Натисніть кнопку Параметри консолі ( ).
    2. Зніміть прапорець Автозавершення з журналу .

    Вибір контексту для запуску виразів JavaScript

    Веб-сторінки мають main контекст браузера, у якому виконується JavaScript веб-сторінки. Однак веб-сторінки можуть мати додаткові контексти JavaScript, наприклад міждоменні елементи, впроваджені у веб-сторінку, або робочі ролі служб, які виконуються у фоновому режимі.

    За замовчуванням список, що розкривається контексту JavaScript, розташований на панелі інструментів консолі, знаходиться вгорі, що представляє контекст перегляду веб-сторінки main:

    Будь-який вираз JavaScript, що виконується у засобі консолі обчислюється в контексті, вибраному в розкривному списку контексту JavaScript .

    Щоб запустити вирази JavaScript в іншому контексті, наприклад у міждоменних елементах, клацніть список, що розкривається. контекст JavaScript , а потім виберіть інший контекст браузера.

    Очищення консолі

    Щоб очистити консоль, використовуйте будь-який з наступних підходів:

    • Натисніть кнопку Очистити консоль ( ).
    • Клацніть правою кнопкою миші повідомлення та виберіть Команду Очистити консоль.
    • Введіть clear() у засобі Консоль та натисніть клавішу ВВЕДЕННЯ.
    • Виклик із console.clear() JavaScript веб-сторінки.
    • Натисніть клавіші CTRL+Lпоки консоль знаходиться у фокусі.

    також

    • Журнал повідомлень у засобі "Консоль" — фільтрація повідомлень журналу, таких як "Відомості", "Попередження" та "Помилки" в консолі.
    • Початок роботи із запуском JavaScript у консолі. Інструкції з виконання інструкцій та виразів JavaScript у консолі.
    • Довідник API об'єктів консолі . Функції та вирази, які можна ввести в консолі для запису повідомлень у консоль, наприклад console.log() .
    • Службові функції та селектори консольних інструментів – зручні функції, які можна вводити у засобі консолі наприклад monitorEvents() .

    Частини цієї сторінки є змінами, заснованими на роботі, створеній і спільно використовуваній Google і яка використовується відповідно до умов, описаних у міжнародній ліцензії Creative Commons Attribution 4.0. Вихідна сторінка знаходиться тут і автор Кейс Баскі.

    Відкриття консолі розробника у браузері

    Веб-браузери призначені не тільки для звичайних користувачів, але і для розробників, які тестують інструменти та створюють веб-сайти. У певних умовах консоль може знадобитися і простому користувачеві. Відкрити її можна у будь-якому браузері, і способи цього часто однакові.

    Відкриття консолі розробника у браузерах

    Для девелоперів у браузері є кілька інструментів, які дозволяють професійно займатися веб-розробкою. Одним із них є консоль, яка дозволяє відстежувати різні події. Відкривати її можна по-різному, і далі розглянемо різні варіанти цієї дії. Для Яндекс.Браузера ми маємо окрему статтю, а власникам інших браузерів пропонуємо ознайомитися з матеріалом нижче.

    Спосіб 1: Гарячі клавіші

    Кожен веб-браузер підтримує керування гарячими клавішами, і здебільшого ці комбінації однакові.

    Є й універсальна гаряча клавіша. F12Вона запускає консоль майже у всіх веб-браузерах.

    Спосіб 2: Контекстне меню

    Через контекстне меню можна викликати консоль розробника Самі дії абсолютно однакові.

    Google Chrome

    1. Натисніть правою кнопкою миші по порожньому місці на будь-якій сторінці та виберіть "Переглянути код".
    2. Перейдіть на вкладку «Console».
    1. Клікніть ПКМ по порожньому місцю та виберіть "Переглянути код елемента".
    2. Там перейдіть на «Console».
    1. Клацніть правою кнопкою миші контекстне меню і натисніть на «Дослідити елемент».
    2. Перейдіть на «Консоль».

    Спосіб 3: Меню браузера

    Через меню також не важко потрапити в шуканий розділ.

    Google Chrome

    Клацніть по значку меню, виберіть пункт «Додаткові інструменти» і з меню, що випадає, перейдіть в «Інструменти розробника». Залишиться тільки перейти на вкладку. «Console».

    Opera

    Клацніть на іконці меню у верхньому лівому кутку, наведіть курсор на пункт меню «Розробка» та виберіть «Інструменти розробника». У розділі, що з'явився, перейдіть на «Console».

    Mozilla Firefox

    1. Викличте меню та клацніть по "Веб-розробка".
    2. У списку інструментів виберіть "Веб-консоль".
    3. Перейдіть на вкладку «Консоль».

    Спосіб 4: Запуск під час старту браузера

    Тим, хто постійно пов'язаний з розробкою, необхідно завжди тримати відкриту консоль.

    1. Клацніть по ярлику програми правою кнопкою миші та перейдіть в «Властивості»Якщо ярлика немає, клацніть по самому EXE-файлу ПКМ і виберіть пункт «Створити ярлик».
    2. На вкладці «Ярлик» у полі «Об'єкт» помістіть текстовий покажчик у кінець рядка та вставте команду --auto-open-devtools-for-tabs . Клацніть "ОК".

    Тепер консоль розробника автоматично відкриватиметься разом із браузером.

    Mozilla Firefox

    Власникам цього браузера дозволяється викликати консоль у новому вікні, що може бути набагато зручніше. Для цього їм доведеться перейти в «Властивості» ярлика, як це було показано вище, але вписати вже іншу команду -jsconsole.

    Вона відкриється окремо разом із Файрфокс.

    Тепер ви знаєте всі актуальні способи запуску консолі у потрібний момент або автоматично.

    Як відкрити консоль браузера в Chrome, Safari, Firefox та Edge: параметри командного рядка

    Як використовувати консоль браузера для виявлення помилок на веб-сайті. Як відкрити консоль у браузері "Яндекс" та інших браузерах
    Веб-браузер Firefox підтримує ряд параметрів командного рядка, за допомогою яких можна настроїти спосіб запуску веб-браузера. Можливо, ви стикалися з деякими з них у минулому, наприклад, з командою -P «ім'я профілю» для запуску браузера із зазначеним профілем або з -private для запуску нового сеансу приватного перегляду. У наступному посібнику наведено важливі параметри командного рядка для Firefox. Це не повний список всіх доступних опцій, так як багато хто з них використовується тільки для певних цілей, які мало або взагалі не мають значення для користувачів браузера.

    Для чого потрібна консоль у браузері

    Усього є три причини створити консоль у браузері:

    1. Налагодження самого браузера поки що знаходиться на стадії проектування.
    2. Навчайте молодих спеціалістів особливостям того чи іншого браузера.
    3. Для професійного налагодження ваших інтернет-сторінок у режимі реального часу.

    Мало хто про це знає, але ви можете написати свій сайт, використовуючи всього 2 речі: знання та блокнот. Однак цей спосіб пов'язаний з величезною тратою часу, оскільки вам доведеться заново зберігати документ після кожної зміни будь-якого параметра. На допомогу приходить спеціальна консоль налагодження — це своєрідне поле браузера, в якому міститься абсолютно вся інформація про сторінку і її вихідний код. Досліджуючи його, можна знайти багато цікавого, зокрема й баги розробників. Щоб не помилитися, використовуйте консоль браузера.

    Допустимо, ви створили веб-сторінку, але вам потрібно підігнати зображення під необхідні розміри, висновок йде в консоль, в якій є можливість налагодження сторінки в режимі реального часу, що заощаджує масу часу та сил. У наступній частині статті ми розповімо, як відкрити консоль у Яндекс Браузері. Ці знання обов'язково допоможуть вам, якщо ви початківець веб-майстер.

    Що можна робити через консоль розробника

    Загалом кажучи, консоль потрібна для написання спеціальних кодів для різних програм.

    • Консоль розробника в браузері Google Chrome допомагає відстежувати помилки, допущені під час написання будь-якого коду.
    • Також за допомогою консолі розробника Google Chrome можна виконувати деякі команди, перевіряти значення змінних і т.д.

    Насправді ця консоль потрібна лише програмістам, тому заглиблюватись у тему програмування не будемо.

    Особливості роботи в режимі веб-розробника

    Щоб повною мірою скористатися всіма покращеннями, потрібно знати не лише, як відкрити консоль, а й деякі секрети роботи з нею.

    Дуже корисним інструментом є console.log. Це корисно для налагодження виводу, але досвідчені користувачі використовують різні інші методи для роботи з інформацією.Наприклад, робота console.log дуже схожа на операцію printf.

    Також у Firefox можна використовувати шаблон %c для застосування другого аргументу при форматуванні стилю. Mozilla відображатиме невеликий сірий значок поряд з такою інформацією, як попередження або повідомлення про помилки. Це означає, що ці повідомлення потребують уваги. Налагоджувальні повідомлення не позначаються в цій пошуковій системі, тому що, на думку розробників, вони застаріли і замість них слід використовувати console.log().

    Варто зазначити, що в цьому пошуковій системі можна використовувати відразу кілька значень. Для цього їх потрібно розділити комами, що дуже зручно, коли ви включаєте їх в один рядок.

    Як викликати консоль

    Давайте перейдемо до основної частини сучасного уроку. Ви вже знаєте, що можна робити через консоль розробника. Тепер залишилося лише розібратися, як викликати консоль розробника у браузері Google Chrome на певному пристрої. Трохи нижче будуть розглянуті різні способи основних типів пристроїв.

    Google Chrome

    Відкрийте сторінку bug.html.

    У коді JavaScript виникла помилка. Він не видно звичайному відвідувачеві, тому ми збираємося знайти його за допомогою інструментів розробника.

    Натисніть F12 або якщо у вас Mac, Cmd+Opt+J.

    За замовчуванням Інструменти розробника відкриють вкладку Консоль).

    Це виглядає приблизно так:

    Сила консолі браузера. JavaScript

    Точний зовнішній вигляд інструментів розробника залежить від версії Chrome. Іноді змінюються деякі деталі, але в цілому зовнішній вигляд залишається приблизно таким самим, як і в попередніх версіях.

    • У консолі бачимо повідомлення про помилку, виділене червоним кольором.У нашому випадку скрипт містить невідому команду "лалала".
    • Праворуч знаходиться посилання на вихідний код bug.html:12 з номером рядка коду, в якому виникла ця помилка.

    Під повідомленням про помилку знаходиться синій символ >. Він являє собою командний рядок, в якому ми можемо редагувати та виконувати команди JavaScript. Натисніть клавішу Enter, щоб запустити їх.

    Зазвичай при натисканні Enter відразу виконується введений рядок коду.

    Як відкрити консоль у браузері

    Щоб розірвати рядок, натисніть Shift+Enter. Таким чином, ви можете ввести довший код JS.

    Тепер ми ясно бачимо помилки, для цього достатньо. Ми повернемося до інструментів розробника пізніше і детальніше розглянемо код налагодження в розділі «Налагодження в браузері Chrome.

    На телефоні

    На жаль, на смартфоні не можна викликати консоль розробника у браузері Google Chrome. Крім того, він не працюватиме як на iPhone, так і на пристрої з ОС Android.

    Прочитавши інструкцію, ви тепер знаєте, що можна робити через консоль розробника браузера Google Chrome. Також ви дізналися кілька способів, які допоможуть вам відкрити консоль розробника Google Chrome. Якщо ви зробите всі кроки по інструкції вище, то у вас не повинно виникнути жодних проблем.

    Консоль браузера. Ефективна робота.

    Safari

    Однак Safari (браузер для Mac, який не підтримується в системах Windows/Linux) трохи відрізняється. Для початку нам потрібно включити "Меню розробника").

    Гарячі клавіші браузерів Google Chrome, Яндекс, Mozilla Firefox, Opera, Microsoft Edge ⌨️��⚙️

    Відкрийте «Параметри» та перейдіть на панель «Додатково». Внизу ви знайдете прапорець:

    Тепер можна активувати консоль, натиснувши Cmd+Opt+C.Також зверніть увагу на новий пункт меню Розробка. Містить велику кількість команд та налаштувань.

    Як відкрити консоль розробника в «Яндексі»

    Вам знадобиться спеціальне поєднання клавіш, щоб відкрити консоль. Якщо ви почитаєте документацію будь-якого браузера, то виявите, що вам навіть не потрібно використовувати мишу. Існує неймовірна кількість поєднань клавіш, здатних задовольнити усі ваші бажання.

    Інструкція, як відкрити консоль в Яндекс Браузері:

    1. Запустіть браузер від Яндекса, а потім дочекайтеся повного завантаження в оперативну пам'ять, це займе всього кілька секунд.
    2. Тепер відкрийте будь-яку веб-сторінку, наприклад Google, але це зовсім не важливо, підійде будь-яка.
    3. Щоб відкрити інструменти Яндекса, натисніть такі клавіші: «Ctrl+Shift+I»
    4. Якщо ви хочете працювати саме з JavaScript, це така мова програмування, то вам потрібно буде затиснути такі клавіші: "Ctrl + Shift + J"

    Однак у різних браузерах є різні способи відкриття консолі, тому в наступному абзаці ми розглянемо найпопулярніші браузери.

    Як відкрити Консоль у Google Microsoft Edge

    Як і будь-який інший браузер, Microsoft Edge також має інструмент консолі розробника для інтерактивного налагодження або спеціального тестування.

    Цей інструмент записує інформацію, пов'язану з відвіданою веб-сторінкою. Ви знайдете інформацію, пов'язану з Javascript, мережевими запитами та помилками безпеки.

    Найпростіший спосіб відкрити інструмент «Консоль» у Microsoft Edge – використовувати певне поєднання клавіш (клавіша F12).

    Консоль розробника в Chrome Що таке Chrome Dev Tools?

    Але ви також можете це зробити через меню графічного інтерфейсу, натиснувши кнопку дії (у верхньому лівому кутку) > Додаткові інструменти > Інструменти розробника .

    Як і інші браузери, Microsoft Edge також дозволяє перевіряти певні елементи за допомогою вбудованої консолі. Для цього просто виберіть та клацніть елемент правою кнопкою миші та виберіть «Перевірити елемент.

    Ось список деяких корисних комбінацій клавіш, які можна використовувати у вбудованій консолі Microsoft Edge:

    Запустіть консоль у режимі фокусування	Ctrl+Shift+
    Перейти на консоль	Ctrl+
    Показати або приховати консоль на іншій вкладці DevTools	Ctrl + ` (зворотний знак)
    Виконати (однорядкова команда)	Потрапити до
    Розрив рядка без виконання (багаторядковий e)	Shift+Enter або Ctrl+Enter
    Очистити консоль від усіх повідомлень	Ctrl+L
    Фільтрувати записи (встановити фокус на полі пошуку)	Ctrl+
    Прийняти пропозицію автозаповнення (коли він знаходиться у фокусі)	Введіть або
    Попередня/наступна пропозиція автозаповнення	Кнопка зі стрілкою вгору / клавіша зі стрілкою вниз

    Як відкрити консоль у Mozilla Firefox

    Вбудована консоль у Mozilla Firefox працює трохи інакше, ніж інші консолі, які ми розглянули досі. Я маю на увазі, що він автоматично відкриється в окремому вікні, а не розділить екран вашого браузера навпіл.

    Це забезпечує продуктивніший підхід для людей з другим екраном, але може заважати користувачам, яким необхідно працювати на маленькому екрані. (Якщо ви опинитеся в цьому сценарії, ви можете використовувати клавіші Alt + Tab для перемикання між Firefox і відповідною консоллю браузера.

    Щоб відкрити вбудовану консоль браузера Mozilla Firefox, у вас є три варіанти:

    • Ви можете використовувати універсальне поєднання клавіш: Ctrl + Shift + J (або Cmd + Shift + J на ​​Mac)
    • Ви можете відкрити його з меню дій, натиснувши Меню дій > Веб-розробник > Консоль браузера .
    • Або ви можете змусити консоль браузера відкриватися безпосередньо, запустивши Firefox з командного рядка і передавши аргумент "-jsconsole": /Applications/FirefoxAurora app/Content/MacOS/firefox-bin-jsconsole

    Примітка. Firefox також включає веб-консоль, яка дуже схожа на консоль браузера, але застосовується до окремих вкладок контенту, а не до всього браузера.

    • https://14bytes.ru/kak-otkryt-konsol-brauzera-v-chrome-safari-firefox-i-edge/
    • https://brauzergid.ru/mozilla/kak-otkryt-konsol-v-mozile.html