Add more details to crossOriginIsolated property

[NiedziolkaMichal]

This PR adds some more details to crossOriginIsolated property. I have checked the required header values by manual test in Chrome, but they are also listed in the specification. I have found the unlocked features by reading web.dev article and checked MDN existing pages.

[github-actions]

Preview URLs

• /en-US/docs/Web/API/Window/postMessage
• /en-US/docs/Web/API/crossOriginIsolated
• /en-US/docs/Web/HTTP/Headers/Cross-Origin-Embedder-Policy
• /en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy
• /en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer

Flaws (3)

Note! 3 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/Window/postMessage
Title: Window.postMessage()
Flaw count: 2

• macros:
  • wrong xref macro used (consider changing which macro you use)
  • /en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer/Planned_changes redirects to /en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer

---

URL: /en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
Title: SharedArrayBuffer
Flaw count: 1

• macros:
  • wrong xref macro used (consider changing which macro you use)

(comment last updated: 2023-01-02 12:50:40)

[Elchi3]

Thanks for your PR. I have some suggestions.
In the code example it also says "Post SharedArrayBuffer" maybe we want to say something more generic there, too.

[NiedziolkaMichal]

Thank you for the review.
The exact same SharedArrayBuffer example is used in 5 different articles. How about actually using SharedArrayBuffer in there? It could be:

const myWorker = new Worker('worker.js');

if (crossOriginIsolated) {
  const buffer = new SharedArrayBuffer(16);
  myWorker.postMessage(buffer);
} else {
  const buffer = new ArrayBuffer(16);
  myWorker.postMessage(buffer);
}

[Elchi3]

yeah, that looks like a good idea. Always great to show code that isn't just theory.

[Elchi3]

Thank you! 👍

[NiedziolkaMichal]

Thank you too