Related Website Sets demo

📖 Note: Refer to the Related Website Sets documentation to understand how the API works.

Demo scenarios

👋 Make sure you follow and [PASS] the "Set-up and settings" steps below before trying the demos.

• Bottom-up approach: use requestStorageAccess() in a cross-site, same-set iframe.
• Top-down approach: use requestStorageAccessFor() for embedded cross-site, same-set resources.

This demo uses two sites: related-website-sets.glitch.me and rws-member-1.glitch.me, which are both part of the same Related Website Set. related-website-sets.glitch.me sets a cookie named crossSite to that will be allowed in the cross-site, same-set contexts via the Storage Access API.

Set-up and settings

• […] Chrome 119 or higher required.
• In chrome://flags, set the flag test-third-party-cookie-phaseout to Enabled. Make sure to restart Chrome for the flags to take effect.
• Launch Chrome with the following command line argument:

  --use-related-website-set="{\"primary\": \"https://related-website-sets.glitch.me\", \"associatedSites\": [\"https://rws-member-1.glitch.me\"]}" \
  https://related-website-sets.glitch.me/
    

• […] document.hasStorageAccess() available.
• […] document.requestStorageAccess() available.
• […] document.requestStorageAccessFor() available.
• [TEST] Third-party cookies look like they're blocked.
• [TEST] Set demo cookie:
  Check Set-Cookie: crossSite=[timestamp]; Path=/; Secure; SameSite=None: