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

Servers should ignore this header if it contains any other value.

##  Directives

**Note:** These directives correspond to the values in [ ` Request.mode `
](/en-US/docs/Web/API/Request/mode#value) .

` cors `

    

The request is a [ CORS protocol ](/en-US/docs/Web/HTTP/CORS) request.

` navigate `

    

The request is initiated by navigation between HTML documents.

` no-cors `

    

The request is a no-cors request (see [ ` Request.mode ` ](/en-
US/docs/Web/API/Request/mode#value) ).

` same-origin `

    

The request is made from the same origin as the resource that is being
requested.

` websocket `

    

The request is being made to establish a [ WebSocket ](/en-
US/docs/Web/API/WebSockets_API) connection.

##  Examples

If a user clicks on a page link to another page on the same origin, the
resulting request would have the following headers (note that the mode is `
navigate ` ):

http

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

A cross-site request generated by an [ ` <img> ` ](/en-
US/docs/Web/HTML/Element/img) element would result in a request with the
following HTTP request headers (note that the mode is ` no-cors ` ):

http

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

##  Specifications

Specification  
---  
[ Fetch Metadata Request Headers  
#  sec-fetch-mode-header  ](https://w3c.github.io/webappsec-fetch-
metadata/#sec-fetch-mode-header)  
  
##  Browser compatibility

BCD tables only load in the browser  with JavaScript enabled. Enable
JavaScript to view data.

##  See also

  * Related headers 
    * [ ` Sec-Fetch-Dest ` ](/en-US/docs/Web/HTTP/Headers/Sec-Fetch-Dest)
    * [ ` Sec-Fetch-Site ` ](/en-US/docs/Web/HTTP/Headers/Sec-Fetch-Site)
    * [ ` Sec-Fetch-User ` ](/en-US/docs/Web/HTTP/Headers/Sec-Fetch-User)
  * [ Protect your resources from web attacks with Fetch Metadata ](https://web.dev/articles/fetch-metadata) (web.dev) 
  * [ Fetch Metadata Request Headers playground ](https://secmetadata.appspot.com/) (secmetadata.appspot.com) 

##  Help improve MDN

Was this page helpful to you?

Yes  No

[ Learn how to contribute
](https://github.com/mdn/content/blob/main/CONTRIBUTING.md "This will take you
to our contribution guidelines on GitHub.") .

This page was last modified on  Oct 25, 2023  by  [ MDN contributors ](/en-
US/docs/Web/HTTP/Headers/Sec-Fetch-Mode/contributors.txt) .

[ View this page on GitHub
](https://github.com/mdn/content/blob/main/files/en-us/web/http/headers/sec-
fetch-mode/index.md?plain=1 "Folder: en-us/web/http/headers/sec-fetch-mode
\(Opens in a new tab\)") â¢  [ Report a problem with this content
](https://github.com/mdn/content/issues/new?template=page-report.yml&mdn-
url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-
US%2Fdocs%2FWeb%2FHTTP%2FHeaders%2FSec-Fetch-
Mode&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60en-
us%2Fweb%2Fhttp%2Fheaders%2Fsec-fetch-
mode%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fen-
US%2Fdocs%2FWeb%2FHTTP%2FHeaders%2FSec-Fetch-
Mode%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fblob%2Fmain%2Ffiles%2Fen-
us%2Fweb%2Fhttp%2Fheaders%2Fsec-fetch-
mode%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fcommit%2F835d6632d59993861a0458510402787f8a2c3cb3%0A*+Document+last+modified%3A+2023-10-25T17%3A27%3A32.000Z%0A%0A%3C%2Fdetails%3E
"This will take you to GitHub to file a new issue.")

[ MDN logo  ](/)

Your blueprint for a better internet.

  * [ MDN on Mastodon  ](https://mozilla.social/@mdn)
  * [ MDN on X (formerly Twitter)  ](https://twitter.com/mozdevnet)
  * [ MDN on GitHub  ](https://github.com/mdn/)
  * [ MDN Blog RSS Feed  ](/en-US/blog/rss.xml)

##  MDN