Заголовки: Sec-Fetch-Mode

Заголовок Sec-Fetch-Mode

Baseline Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с марта 2023 года.

Хотите, чтобы эта функция поддерживалась лучше? Расскажите нам почему.

Подробнее
Полная таблица совместимости

HTTP-заголовок запроса метаданных Fetch Sec-Fetch-Mode указывает режим запроса.

В общих чертах это позволяет серверу различать запросы, вызванные переходом пользователя между HTML-страницами, и запросы на загрузку изображений и других ресурсов. Например, этот заголовок будет содержать navigate для запросов навигации верхнего уровня, тогда как no-cors используется при загрузке изображения.

Тип заголовка	Заголовок запроса метаданных Fetch
Запрещённый заголовок запроса	Да (префикс `Sec-`)
Заголовок запроса из списка разрешённых CORS	Нет

Синтаксис

Sec-Fetch-Mode: cors
Sec-Fetch-Mode: navigate
Sec-Fetch-Mode: no-cors
Sec-Fetch-Mode: same-origin
Sec-Fetch-Mode: websocket

Серверы должны игнорировать этот заголовок, если он содержит любое другое значение.

Директивы

Примечание: Эти директивы соответствуют значениям в Request.mode.

cors: Запрос выполняется по протоколу CORS.
navigate: Запрос инициирован переходом между HTML-документами.
no-cors: Запрос выполняется без CORS (см. Request.mode).
same-origin: Запрос выполняется с того же источника, что и запрашиваемый ресурс.
websocket: Запрос выполняется для установления соединения WebSocket.

Примеры

Использование Sec-Fetch-Mode

Если пользователь нажмёт ссылку на странице, ведущую на другую страницу того же источника, в результирующем запросе будут следующие заголовки (обратите внимание, что режим — navigate):

Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: same-origin
Sec-Fetch-User: ?1

Межсайтовый запрос, созданный элементом <img>, приведёт к запросу со следующими HTTP-заголовками (обратите внимание, что режим — no-cors):

Sec-Fetch-Dest: image
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

Спецификации

Спецификация
Заголовки запросов метаданных Fetch> # sec-fetch-mode-header>

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari в iOS	Samsung Internet	WebView Android	WebView в iOS
`Sec-Fetch-Mode`	76	79	90	63	16.4	76	90	54	16.4	12.0	76	16.4

См. также

Sec-Fetch-Dest, Sec-Fetch-Site, Sec-Fetch-User — заголовки запросов метаданных Fetch
Защитите свои ресурсы от веб-атак с помощью Fetch Metadata (web.dev)
Площадка для экспериментов с заголовками запросов метаданных Fetch (secmetadata.appspot.com)

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Sec-Fetch-Mode