Поделиться через


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

Используйте параметры фильтра консоли DevTools, чтобы уменьшить шум от чрезмерных сообщений журнала консоли, чтобы лучше увидеть тип нужных сообщений журнала.

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

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

  • Фильтрация по уровню журнала.
  • Фильтрация по тексту.
  • Фильтрация по регулярному выражению.
  • Фильтрация по источнику сообщения.

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

К каждому методу console объекта привязан уровень серьезности. Уровни серьезности: Verbose, Info, Warningили Error. Отображение уровней серьезности в документации по API. Например, console.log() является сообщением Infoуровня , но console.error() является сообщением Errorуровня .

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

Раскрывающееся меню фильтрует сообщения консоли с помощью уровня журнала

Так как фильтр не применяется, на следующем рисунке отображаются десятки сообщений. Затем уменьшите количество сообщений и управляйте ими.

Отсутствие набора фильтров означает, что можно отобразить много сообщений консоли

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

Скрытие всех сообщений уровня предупреждений в консоли для фильтрации большого количества шума

Фильтрация по тексту

Чтобы просмотреть дополнительные сведения, чтобы отфильтровать сообщения с помощью текста, введите строку в текстовое поле Фильтр . Например, введите block в поле, чтобы отображались только сообщения о том, что браузер блокирует загрузку ресурсов.

Отображает сообщения, содержащие слово

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

Регулярные выражения — это эффективный способ фильтрации сообщений. Например, введите /^Tracking/ в текстовое поле Фильтр , чтобы отобразить только сообщения, начинающиеся с термина Tracking. Если вы не знакомы с регулярными выражениями, RegExr.com — отличный ресурс, чтобы узнать об использовании регулярных выражений.

Отображение сообщений, начинающихся со слова

Фильтрация по источнику сообщения

С помощью боковой панеликонсоли можно определить тип сообщений, которые вы хотите отобразить, и место их возникновения.

  1. Нажмите кнопку Показать боковую панель консоли :

    Чтобы открыть боковую панель, щелкните значок

    При открытии боковой панели можно отобразить общее количество сообщений и место их возникновения. Параметры: All messages, User Messages, Errors, Warnings, Infoи Verbose.

    На боковой панели консоли отображаются различные источники, из которых поступили сообщения

  2. Выберите любой из параметров, чтобы отобразить только сообщения этого типа. Например, чтобы отобразить пользовательские сообщения, щелкните параметр пользовательские сообщения, чтобы уменьшить уровень шума.

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

  3. Чтобы отфильтровать больше и развернуть категорию сообщений, щелкните значок треугольника рядом с категорией сообщения.

    Щелкните значок со стрелкой, чтобы развернуть категорию сообщения

  4. Раскрываются и перечисляются отдельные источники. Выберите источник, чтобы отобразить только сообщения, поступающие из этого источника:

    Выберите любой из представленных параметров для фильтрации сообщений по типу и источнику сообщений.