Storage Access API Headers Demo

Set Cookie screen

Using this demo

  • Make sure you're viewing this demo site at top-level and not framed within glitch.com.
  • Ensure third-party cookies are turned off:
    • For Chrome this is done by setting: chrome://flags/#test-third-party-cookie-phaseout
    • Restart your browser to make that flag takes effect.
    • For Firefox and Safari this is already the default.
  • Ensure the Storage Access Headers feature is enabled:
    • Enable the chrome flag on chrome://flags/#storage-access-headers
    • Restart your browser to make that flag takes effect.
  • Set the value of the foo cookie using this form:

  • Then, open this demo site link and confirm you can read this cookie you just set, when this origin is embedded, on another site when using the Storage Access API.
  • Note: the demo site embeds iframes from different sources. Only the iframe with this origin (storage-access-api-headers-demo) will be able to access the cookie that you've set.