Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: HTTP-only, Cookie, XSS, security, session

Что такое HTTP-only Cookie?

Проверяет понимание механизма безопасности HTTP-only Cookie, используемого для защиты сессионных данных от XSS-атак.

Короткий ответ

HTTP-only Cookie — это флаг, который запрещает доступ к куки из JavaScript (document.cookie). Куки с этим флагом отправляются только при HTTP-запросах к серверу. Это защищает сессионные токены от кражи через XSS-атаки. Флаг устанавливается сервером в заголовке Set-Cookie.

Длинный ответ

Что такое HTTP-only Cookie?

HTTP-only Cookie — это атрибут безопасности, который можно добавить к HTTP-куки. Когда куки помечены как HTTP-only, браузер запрещает доступ к ним из клиентского JavaScript (через document.cookie). Такие куки автоматически отправляются браузером только при HTTP-запросах к серверу, который их установил.

Зачем это нужно?

Основная цель — защита от межсайтового скриптинга (XSS). Если злоумышленник внедрит вредоносный скрипт на страницу, он не сможет прочитать HTTP-only куки, например, сессионный токен. Это значительно снижает риск угона сессии.

Как это работает?

Сервер устанавливает куки с флагом HttpOnly в заголовке ответа:

Set-Cookie: sessionId=abc123; HttpOnly; Secure; SameSite=Strict

После этого браузер хранит куки, но JavaScript не может их прочитать:

// Попытка прочитать куки из JS
console.log(document.cookie); // Выведет пустую строку или другие куки без HttpOnly

Куки всё равно отправляются с каждым запросом к серверу автоматически.

Где применяется?

HTTP-only куки широко используются для хранения сессионных идентификаторов, токенов аутентификации и других конфиденциальных данных, которые не должны быть доступны клиентскому коду. Это стандартная практика в веб-разработке для повышения безопасности.

Вывод

Используйте HTTP-only флаг для всех куки, содержащих чувствительные данные, особенно сессионные токены. Это обязательная мера защиты от XSS-атак, но не панацея — комбинируйте с другими механизмами безопасности, такими как Secure, SameSite и CSP.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    4

  • Сложность:

    4

Навыки

  • JavaScript

    JavaScript

  • HTML

    HTML

Ключевые слова

#HTTP-only

#Cookie

#XSS

#security

#session

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию