Перейти к содержимому

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

  • автор:

Справочник по функциям консоли

В этой статье описаны функции консоли.

Содержимое:

  • Открытие консоли
    • Открытие средства «Консоль»
    • Открытие средства «Консоль» в ящике
    • Открытие параметров консоли
    • Открытие боковой панели консоли
    • Отключение группирования сообщений
    • Ведение журнала запросов XHR и выборки
    • Сохранение сообщений при загрузке страницы
    • Скрыть сетевые сообщения
    • Фильтрация сообщений браузера
    • Фильтрация по уровню журнала
    • Фильтрация сообщений по URL-адресу
    • Фильтрация сообщений из разных контекстов
    • Фильтрация сообщений, не соответствующих шаблону регулярного выражения
    • Повторное выполнение выражений из журнала
    • Просмотр значения выражения в режиме реального времени с помощью динамических выражений
    • Отключить страстную оценку
    • Отключение автозаполнения из журнала
    • Выбор контекста JavaScript

    Открытие консоли

    Консоль можно открыть как инструмент в верхней области или как инструмент в ящике.

    Открытие средства «Консоль»

    Нажмите клавиши CTRL+SHIFT+J (Windows, Linux) или COMMAND+OPTION+J (macOS).

    Консольное средство

    Чтобы открыть средство «Консоль» в меню «Команда», введите Console и выполните команду Показать консоль , рядом с которой отображается значок Панель .

    Выполните команду , чтобы отобразить консольное средство

    Открытие средства «Консоль» в ящике

    Нажмите клавишу ESC. Или щелкните Настройка и управление средствами разработки ( . ), а затем выберите Показать панель консоли.

    Показать панель консоли

    В нижней части окна Средства разработки появится окно «Панель» с открытым инструментом «Консоль «.

    Средство

    Чтобы открыть консоль вменю Команд, введите Консоль , а затем выполните команду Показать консоль , рядом с которой отображается значок ящика .

    Выполните команду , чтобы отобразить консоль в ящике

    Открытие параметров консоли

    значок параметров консоли

    Нажмите кнопку Параметры консоли ().

    Параметры консоли

    Открытие боковой панели консоли

    Показать боковую панель консоли

    Чтобы отобразить боковую панель, щелкните Показать боковую панель консоли (). Боковая панель помогает выполнять фильтрацию.

    Боковая панель консоли

    Просмотр сообщений

    В этом разделе содержатся функции, изменяющие способ представления сообщений в консоли. Практическое пошаговое руководство см. в разделе Просмотр сообщений.

    Отключение группирования сообщений

    значок параметров консоли

    Чтобы отключить поведение группирования сообщений по умолчанию в консоли, нажмите кнопку Параметры консоли (), а затем установите флажок Рядом с пунктом Сгруппировать аналогично. Пример см. в разделах Log XHR и Fetch requests.

    Ведение журнала запросов XHR и выборки

    значок параметров консоли

    Чтобы записать все XMLHttpRequest запросы в консоль по Fetch мере каждого из них, нажмите кнопку Параметры консоли () и установите флажок рядом с полем Log XMLHttpRequests.

    Ведение журнала ЗАПРОСОВ XMLHttpRequest и Fetch

    В верхнем сообщении на предыдущем рисунке отображается поведение группирования по умолчанию консоли.

    ##### Old Figure 9 > How the logged `XMLHttpRequest` and `Fetch` requests look after ungrouping > ![How the logged XMLHttpRequest and Fetch requests look after ungrouping](./reference-images/console-xhr-fetch-all.png) —>

    Сохранение сообщений при загрузке страницы

    значок параметров консоли

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

    Скрыть сетевые сообщения

    Действие по умолчанию для Microsoft Edge заключается в том, чтобы записывать сетевые сообщения в консоль. На следующем рисунке выбранное сообщение представляет код 429 состояния HTTP для .

    Сообщение

    Чтобы скрыть сетевые сообщения, выполните приведенные далее действия.

    значок параметров консоли

    1. Нажмите кнопку Параметры консоли ().
    2. Установите флажок рядом с пунктом Скрыть сеть.

    Фильтрация сообщений

    Существует несколько способов фильтрации сообщений в консоли.

    Фильтрация сообщений браузера

    Чтобы отобразить только сообщения, поступающие из JavaScript веб-страницы, откройте боковую панель консоли и щелкните #пользовательские сообщения.

    Отображение сообщений пользователей

    Фильтрация по уровню журнала

    DevTools назначает каждому console.* методу один из четырех уровней серьезности:

    Например, console.log() находится в Info группе, но console.error() находится в Error группе. Справочник по API объектов консоли описывает уровень серьезности каждого применимого метода. Каждое сообщение, которое браузер регистрирует в консоли, также имеет уровень серьезности.

    Вы можете скрыть сообщения любого уровня, которые вас не интересуют. Например, если вас интересуют Error только сообщения, можно скрыть остальные три группы.

    Чтобы отфильтровать сообщения, щелкните раскрывающийся список Уровни журнала и выберите Verbose , Info , Warning или Error .

    Раскрывающийся список Уровни журнала

    Чтобы использовать уровень журнала для фильтрации, откройте боковую панель консоли и выберите Ошибки, Предупреждения, Сведения или Подробные сведения.

    Использование боковой панели для просмотра предупреждений

    Фильтрация сообщений по URL-адресу

    Введите url: url-адрес, чтобы просмотреть только сообщения, полученные из этого URL-адреса. После ввода url: средства разработки отобразятся все соответствующие URL-адреса. Домены также работают. Например, если https://example.com/a.js и https://example.com/b.js регистрируют сообщения, url:https://example.com позволяет сосредоточиться на сообщениях из этих двух скриптов.

    Фильтр URL-адресов

    Чтобы скрыть сообщения из URL-адреса, введите -url: . Это отрицательный фильтр URL-адресов.

    Фильтр отрицательных URL-адресов, который скрывает все сообщения, соответствующие https://b.wal.co URL-адресу

    Чтобы отобразить сообщения из одного URL-адреса, выполните приведенные далее действия.

    1. Откройте боковую панель консоли.
    2. Разверните раздел #пользовательские сообщения .
    3. Выберите URL-адрес скрипта, который содержит сообщения, на которые нужно сосредоточиться.

    Отображение сообщений, полученных от wp-ad.min.js

    Фильтрация сообщений из разных контекстов

    значок Параметры консоли

    Предположим, что у вас есть объявление (объявление) на веб-странице. Объявление встроено в и создает много сообщений в консоли. Так как объявление работает в другом контексте JavaScript, один из способов скрыть сообщения — нажать кнопку Параметры консоли () и установить флажок рядом с пунктом Только выбранный контекст.

    Фильтрация сообщений, не соответствующих шаблону регулярного выражения

    Введите регулярное выражение, /[gm][ta][mi]/ например, в текстовое поле Фильтр , чтобы отфильтровать сообщения, которые не соответствуют шаблону. DevTools проверяет, найден ли шаблон в тексте сообщения или в скрипте, который вызвал запись сообщения в журнал.

    Фильтрация сообщений, не соответствующих регулярному выражению

    Запуск JavaScript

    В этом разделе содержатся функции, связанные с запуском JavaScript в консоли. Практическое пошаговое руководство см. в статье Запуск JavaScript.

    Повторное выполнение выражений из журнала

    Нажмите клавишу СТРЕЛКА ВВЕРХ , чтобы циклически просмотреть журнал выражений JavaScript, которые вы выполнили ранее в консоли. Нажмите клавишу ВВОД , чтобы снова запустить это выражение.

    Просмотр значения выражения в режиме реального времени с помощью динамических выражений

    Если вы несколько раз вводите одно и то же выражение JavaScript в консоли , вам может быть проще создать динамическое выражение. С помощью динамических выражений вы вводите выражение один раз, а затем закрепляете его в верхней части консоли. Значение выражения обновляется почти в реальном времени. См . раздел Просмотр значений выражений JavaScript в Real-Time с динамическими выражениями.

    Отключить страстную оценку

    При вводе выражений JavaScript в консоли отображается предварительный просмотр возвращаемого значения. Чтобы отключить предварительный просмотр возвращаемых значений, выполните следующие действия.

    значок параметров консоли

    1. Нажмите кнопку Параметры консоли ().
    2. Снимите флажок рядом с кнопкой Охотное вычисление.

    Отключение автозаполнения из журнала

    значок параметров консоли

    При вводе выражения во всплывающем окне автозаполнения консоли отображаются выражения, которые вы выполнили ранее. Выражения предварительно заполняются символом > . Чтобы остановить отображение выражений из журнала, нажмите кнопку Параметры консоли (), а затем снимите флажок Рядом с флажком Автозаполнение из журнала .

    На следующем рисунке и document.querySelector(‘img’) являются выражениями, document.querySelector(‘a’) которые были оценены ранее.

    Во всплывающем меню автозаполнения отображаются выражения из журнала

    Выбор контекста JavaScript

    По умолчанию раскрывающийся список Контекст JavaScript установлен вверху, который представляет контекст браузера веб-страницы main.

    Раскрывающийся список контекста JavaScript

    Предположим, у вас есть объявление на веб-странице, внедренное в , и вы хотите запустить JavaScript, чтобы настроить DOM объявления. Щелкните раскрывающийся список Контекст JavaScript и выберите контекст просмотра объявления:

    Выбор другого контекста JavaScript

    Очистка консоли

    Чтобы очистить консоль, используйте любой из следующих подходов:

    очистить консоль

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

    См. также

    • Журнал сообщений в средстве «Консоль» — фильтрация сообщений журнала, таких как «Сведения», «Предупреждения» и «Ошибки» в консоли.
    • Начало работы с запуском JavaScript в консоли . Инструкции по выполнению инструкций и выражений JavaScript в консоли.
    • Справочник по API объектов консоли . Функции и выражения, которые можно ввести в консоли для записи сообщений в консоль, например console.log() .
    • Служебные функции и селекторы консольных инструментов — удобные функции, которые можно вводить в средстве консоли , например monitorEvents() .

    Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

    Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.

    clear()

    Не стандартно: Эта возможность не является стандартной и стандартизировать её пока никто не собирается. Не используйте её на сайтах, смотрящих во внешний мир: она будет работать не у всех пользователей. Также могут присутствовать большие несовместимости между реализациями и её поведение может в будущем измениться.

    Содержимое консоли заменяется на информационное сообщение, которое может быть следующим: «Консоль очищена».

    Примечание для Google Chrome, от функции console.clear() не будет никакого эффекта, если у пользователя установлена надстройка «Preserve log upon navigation» в настройках.

    Синтаксис

    console.clear();

    Спецификация

    Specification
    Console Standard
    # clear

    Совместимость с браузерами

    BCD tables only load in the browser

    Смотрите также

    • Opera Dragonfly documentation: Console
    • MSDN: Using the F12 Tools Console to View Errors and Status
    • Chrome Developer Tools: Using the Console

    Found a content problem with this page?

    • Edit the page on GitHub.
    • Report the content issue.
    • View the source on GitHub.

    This page was last modified on 16 нояб. 2023 г. by MDN contributors.

    Your blueprint for a better internet.

    MDN

    Support

    • Product help
    • Report an issue

    Our communities

    Developers

    • Web Technologies
    • Learn Web Development
    • MDN Plus
    • Hacks Blog
    • Website Privacy Notice
    • Cookies
    • Legal
    • Community Participation Guidelines

    Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
    Portions of this content are ©1998– 2024 by individual mozilla.org contributors. Content available under a Creative Commons license.

    Как очистить историю консоли браузера Google Chrome от ранее введённых JavaScript функций и переменных?

    Я ежедневно закрываю и открытыми браузер с уже ранее открытыми вкладками, видимо по этому всё включая то что я вводил в консоль сохраняется. Как мне очистить историю консоли?

    Голосование за лучший ответ

    Чтобы очистить историю консоли браузера Google Chrome от ранее введенных JavaScript функций и переменных, выполните следующие шаги:
    1. Откройте инструменты разработчика, нажав клавишу F12 или выбрав пункт меню «More tools» -> «Developer tools».
    2. Выберите вкладку «Console».
    3. Нажмите на кнопку с изображением корзины в верхнем правом углу консоли.
    4. Подтвердите удаление истории, нажав на кнопку «Clear console».
    После этого всю предыдущую историю введенных команд и переменных будет удалена, и консоль будет чистой.

    нельзя это нет такой функции в консоли

    Есть такая универсальная команда, как console.clear().
    Схожая функция может быть вызвана с помощью кнопки «очистить консоль».
    Еще эта же функция привязана на сочетание клавиш «CTRL+L».

    Как удалить историю консоли за все время в браузере Chrome?

    Здравствуйте! Я думаю многие знают, что в консоли с помощью стрелок «вверх» и «вниз» на клавише доступна история действий. Как это очистить?

    • Вопрос задан более года назад
    • 242 просмотра

    Комментировать

    Решения вопроса 0

    Ответы на вопрос 1

    chromium — правая кнопка в консоли, пункт меняю clear history
    firefox — выполнить функцию clearHistory()

    Ответ написан более года назад

    Комментировать

    Нравится 2 Комментировать

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *