Проблемы: Найдите и устраните проблемы.

Используйте панель «Проблемы» , чтобы найти решения проблем, обнаруженных браузером, таких как проблемы с файлами cookie и смешанный контент.

Обзор

Собирая и группируя общие проблемы, панель «Проблемы» снижает утомляемость уведомлениями и беспорядок в консоли .

На данный момент панель «Проблемы» сообщает:

Будущие версии Chrome будут поддерживать больше типов проблем.

Откройте панель «Проблемы»

  1. Посетите страницу с проблемами, которые необходимо исправить, например Samesite-sandbox.glitch.me .
  2. Откройте Инструменты разработчика .
  3. Нажмите кнопку «Открыть проблемы» рядом с Настройки. Настройки в правом углу панели действий вверху. В зависимости от серьезности проблемы кнопка может иметь красный цвет. Ошибка. , желтый Предупреждение. , или синий Информация. икона.

    Кнопка «Открыть проблемы» с красным значком.

    Либо выберите «Проблемы» в Меню дополнительных инструментов. Меню дополнительных инструментов .

    Панель «Проблемы» в меню «Дополнительные инструменты».

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

    Панель «Проблемы» с еще одной проблемой, обнаруженной после перезагрузки страницы.

Консоль также может отображать проблемы, о которых сообщает браузер . Однако вы заметите, что такие проблемы (например, предупреждение о файлах cookie на снимке экрана ниже) трудно понять. Непонятно, что нужно сделать, чтобы это исправить.

Консоль с непонятным предупреждением о файлах cookie.

С другой стороны, панель «Проблемы» предоставляет вам полезную информацию.

Просмотр элементов на панели «Проблемы»

На панели «Проблемы» предупреждения браузера представлены в структурированном, агрегированном и практическом виде.

  1. Щелкните элемент на панели «Проблемы» , чтобы развернуть проблему и получить инструкции по ее устранению и поиску затронутых ресурсов.

    Расширена панель «Проблемы» с проблемой межсайтовых файлов cookie.

    Каждый предмет состоит из четырех компонентов:

    • Заголовок, описывающий проблему.
    • Описание, предоставляющее контекст и решение.
    • Раздел «ЗАТРУДНЕННЫЕ РЕСУРСЫ» , который ссылается на ресурсы в соответствующем контексте DevTools, такие как «Сеть» , «Источники» , «Элементы» и другие панели.
    • Ссылки на дальнейшее руководство.
  2. Щелкните элементы в разделе «ЗАТРУДНЕННЫЕ РЕСУРСЫ» , чтобы просмотреть проблемы в контексте .

Группировать проблемы по типу

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

  • Ошибка. Ошибки страницы , о которых сообщает Chrome.
  • Предупреждение. Критические изменения , такие как прекращение поддержки.
  • Информация. Улучшения , предлагаемые DevTools.

Чтобы сгруппировать проблемы, установите флажок Флажок. Группируйте по типу на панели действий в верхней части панели «Проблемы» .

Проблемы сгруппированы по трем типам: ошибки страниц, критические изменения и улучшения.

Включить сторонние проблемы

На панели «Проблемы» по умолчанию отображаются проблемы со сторонними файлами cookie.

Проблемы со сторонними файлами cookie можно найти в разделе «ЗАТРУДНЕННЫЕ РЕСУРСЫ», где отсутствует ссылка.

Сторонние файлы cookie без связанного ресурса в разделе «Затронутые ресурсы».

Чтобы скрыть такие проблемы, очистите Прозрачный. Включите проблемы со сторонними файлами cookie в панель действий в верхней части панели «Проблемы» .

Скрыть проблемы

Чтобы скрыть проблему, выберите « Скрыть подобные проблемы» на Трехточечное меню. трехточечное меню рядом с проблемой.

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

Чтобы просмотреть список скрытых проблем, прокрутите вниз до раздела «Скрытые проблемы» и разверните его.

Раздел «Скрытые проблемы».

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

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

Трехточечное меню с возможностью скрыть группу «Улучшения».

Просмотр проблем в контексте

Чтобы изучить проблему:

  1. В разделе «ЗАТРУДНЕННЫЕ РЕСУРСЫ» щелкните ссылку на ресурс, чтобы просмотреть элемент в соответствующем контексте в DevTools. В этом примере нажмите на samesite-sandbox.glitch.me , чтобы отобразить файлы cookie, прикрепленные к этому запросу. Ссылка приведет вас на панель «Сеть» .

    Раздел «Затронутые ресурсы» со ссылкой на затронутый запрос.

  2. Прокрутите страницу, чтобы просмотреть элемент с проблемой: в данном случае файл cookie ck02 . Наведите курсор на Информация. значок информации справа, чтобы увидеть проблему и способы ее устранения.

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