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

Кейси Баск
Kayce Basques
София Емельянова
Sofia Emelianova

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

Откройте панель «Cookies».

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

Панель «Печенье».

Поля

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

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

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

Фильтрация файлов cookie

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

Отфильтровываются все файлы cookie, не содержащие "id".

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

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

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

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

Изменить cookie

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

Для редактирования поля дважды щелкните по нему.

Присвоить имени cookie значение 'DEVTOOLS!'

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

Файл cookie с недопустимым значением ключа раздела.

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

Удалить файлы cookie

Чтобы удалить cookie-файл, выделите его и нажмите кнопку « » (Delete selected) на верхней панели действий.

Удаление выбранного файла cookie.

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

Очистка всех файлов cookie.

Выявление и проверка сторонних файлов cookie

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

В DevTools такие файлы cookie отображаются в разделе «Приложение > Хранилище > Файлы cookie» и рядом с ними появляется значок. Наведите курсор на значок, чтобы увидеть всплывающую подсказку, и щелкните по ней, чтобы перейти к панели «Проблемы» для получения дополнительной информации.

Файлы cookie с атрибутом SameSite=None в разделе «Хранилище».

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

Файлы cookie с атрибутом SameSite=None на панели «Сеть».

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