Редактор cookies отображает все cookies текущего домена в удобной сортируемой таблице. Просматривайте имена, значения, даты истечения, пути и флаги безопасности (HttpOnly, Secure, SameSite). Редактируйте значения прямо в таблице, добавляйте новые cookies с произвольными параметрами или удаляйте их по одному либо все сразу — незаменимый инструмент для отладки аутентификации, сессий и процессов получения согласия.
Cookies лежат в основе аутентификации, управления сессиями, пользовательских настроек, отслеживания согласия, аналитики и A/B-тестирования — но управлять ими в процессе разработки крайне неудобно. Chrome DevTools показывает cookies во вкладке «Application», однако интерфейс там базовый и требует навигации по нескольким панелям. Редактор cookies собирает всё в одну чистую таблицу: все cookies текущего домена со всеми их свойствами на одном экране. Нажмите на любое значение cookie, чтобы отредактировать его — изменения сразу сохраняются в хранилище cookies браузера. Добавляйте новые cookies с произвольными именами, значениями, датами истечения, путями и флагами. Удаляйте cookies по одному или все сразу. В таблице отображаются значки флагов безопасности (S — Secure, H — HttpOnly), позволяющие убедиться, что чувствительные cookies должным образом защищены. Session cookies отличаются от постоянных по столбцу «Expires». Это именно тот инструмент, которого так не хватает во встроенных браузерных DevTools.
Все cookies текущего домена отображаются в сортируемой таблице со столбцами «Имя», «Значение», «Истекает» (или «Session»), «Путь» и «Флаги». Таблица читается легко — все cookies видны с первого взгляда.
Нажмите на любое значение cookie, чтобы отредактировать его на месте. Введите новое значение — оно сразу сохранится в хранилище cookies браузера. Не нужно удалять и пересоздавать cookie — просто измените значение напрямую.
Нажмите «Добавить», чтобы создать новый cookie с произвольными именем, значением, датой истечения, путём и доменом. Установите флаги Secure, HttpOnly и SameSite. Cookie сразу создаётся в хранилище браузера.
Удалите отдельный cookie кнопкой удаления или нажмите «Удалить все», чтобы очистить все cookies текущего домена. Удобно для тестирования состояния без авторизации или процессов получения согласия.
Визуальные значки указывают на флаги безопасности: S (Secure — только HTTPS), H (HttpOnly — недоступен через JavaScript), значение SameSite (Strict, Lax, None). Убедитесь с первого взгляда, что чувствительные cookies надёжно защищены.
Столбец «Expires» чётко разграничивает session cookies («Session» — удаляются при закрытии браузера) и постоянные cookies (отображается фактическая дата и время истечения). Никакой двусмысленности относительно срока жизни cookie.
Проверьте session cookies, чтобы убедиться, что они корректно установлены после входа. Отредактируйте токен сессии, чтобы протестировать обработку истёкшей или недействительной сессии. Удалите session cookie, чтобы протестировать состояние без авторизации.
Удалите cookie согласия, чтобы повторно вызвать баннер. Отредактируйте значения согласия, чтобы протестировать различные состояния (всё принято, частично принято, всё отклонено).
Убедитесь, что cookies аутентификации имеют флаги HttpOnly (защита от кражи через XSS), Secure (только HTTPS) и SameSite=Strict или Lax (защита от CSRF). Отсутствующие флаги сразу видны в таблице.
Добавляйте cookies для симуляции авторизованных состояний, вариантов A/B-тестов, назначений флагов функций или языковых предпочтений без прохождения стандартных пользовательских сценариев.
Установите дату истечения cookie в прошлое и перезагрузите страницу, чтобы протестировать, как сайт обрабатывает истёкшие cookies. Или преобразуйте session cookie в постоянный, чтобы проверить поведение при сохранении.
Откройте всплывающее окно DevSuite Pro и нажмите на значок «Редактор cookies». Все cookies текущего домена загружаются в таблицу.
Прокрутите таблицу cookies. Нажимайте на заголовки столбцов для сортировки по имени, значению или дате истечения. Значки флагов безопасности показывают, какие cookies имеют флаги Secure и HttpOnly.
Нажмите на любую ячейку со значением, чтобы отредактировать её. Введите новое значение — оно сразу сохранится в хранилище cookies. Возможно, потребуется перезагрузить страницу, чтобы изменения вступили в силу.
Нажмите «Добавить», чтобы создать новый cookie с полным контролем параметров. Нажмите на значок удаления в любой строке, чтобы удалить этот cookie. «Удалить все» очищает всё.
После редактирования cookies перезагрузите страницу, чтобы увидеть, как изменения повлияли на сайт — состояние авторизации, настройки, баннеры согласия и т.д.
Установите DevSuite Pro бесплатно и разблокируйте более 39 инструментов разработчика для вашего браузера.
