Просмотр, добавление, редактирование и удаление файлов cookie

Kayce Basques

Sofia Emelianova

HTTP-куки в основном используются для управления сеансами пользователя, сохранения настроек персонализации пользователя и отслеживания поведения пользователя. Они также являются причиной всех этих раздражающих форм согласия «эта страница использует куки», которые вы видите в Интернете. Это руководство научит вас, как просматривать, добавлять, редактировать и удалять куки страницы с помощью Chrome DevTools.

Откройте панель «Файлы cookie»

1. Откройте Chrome DevTools .
2. Откройте Приложение > Хранилище > Файлы cookie и выберите источник.

Поля

Таблица «Cookies» содержит следующие поля:

• Имя . Имя файла cookie.
• Значение . Значение файла cookie.
• Домен . Хосты, которым разрешено получать cookie.
• Путь . URL-адрес, который должен присутствовать в запрошенном URL-адресе для отправки заголовка Cookie .
• Expires / Max-Age . Дата истечения срока действия или максимальный возраст cookie. Для сеансовых cookie это значение всегда Session .
• Размер . Размер cookie-файла в байтах.
• HttpOnly . Если установлено значение true, это поле указывает, что cookie-файл следует использовать только по протоколу HTTP, а изменение JavaScript не допускается.
• Secure . Если true, это поле указывает, что файл cookie может быть отправлен на сервер только через защищенное соединение HTTPS.
• SameSite . Содержит Strict или Lax если файл cookie использует экспериментальный атрибут SameSite .
• Ключ раздела . Для файлов cookie с независимым состоянием раздела ключ раздела — это сайт URL верхнего уровня, который браузер посещал в начале запроса к конечной точке, установившей файл cookie.
• Приоритет . Содержит Low , Medium (по умолчанию) или High , если используется устаревший атрибут приоритета cookie .

Чтобы просмотреть значение cookie, выберите его в таблице. Чтобы увидеть значение без процентного кодирования, установите check_box Показать URL-декодированное .

Фильтровать куки

Используйте поле «Фильтр» для фильтрации файлов cookie по имени или значению .

Фильтрация по другим полям не поддерживается. Фильтр нечувствителен к регистру.

Добавить куки

Чтобы добавить произвольный файл cookie:

1. Дважды щелкните пустую строку в таблице.
2. Введите Имя и Значение и нажмите Enter .

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

Изменить файл cookie

Все поля доступны для редактирования, за исключением поля «Размер» , которое обновляется автоматически.

Дважды щелкните поле, чтобы отредактировать его.

DevTools выделяет файлы cookie с недопустимыми значениями полей красным цветом.

Чтобы отфильтровать действительные файлы cookie, установите check_box Показывать только проблемные файлы cookie на верхней панели действий.

Удалить куки

Чтобы удалить файл cookie, выберите его и нажмите delete Удалить выбранное на верхней панели действий.

Нажмите block Очистить все », чтобы удалить все файлы cookie.

Определите и проверьте сторонние файлы cookie

Сторонние файлы cookie устанавливаются сайтом, отличным от текущей страницы верхнего уровня. Сторонние файлы cookie имеют атрибут SameSite=None .

DevTools перечисляет такие файлы cookie в Application > Storage > Cookies и показывает значок предупреждения рядом с ними. Наведите курсор на значок, чтобы увидеть подсказку, и щелкните его, чтобы перейти на панель Issues для получения дополнительной информации.

Вы также можете найти сторонние файлы cookie в разделе «Сеть» > «Запрос» > «Файлы cookie» .

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