如何在非跨源隔离页面的iframe内正常使用SharedArrayBuffer？

你的需求目前无法实现。

SharedArrayBuffer的启用要求从顶级页面开始的整个浏览上下文链都满足跨源隔离条件，哪怕子iframe本身正确配置了Cross-Origin-Embedder-Policy: require-corp和Cross-Origin-Opener-Policy: same-origin响应头，只要父页面没有做跨源隔离配置，整个上下文就不符合要求，SharedArrayBuffer依然会被禁用，这是浏览器的强制安全策略，没有绕过空间。

你提到的iframe的sandbox属性只能限制iframe的可用权限，无法突破浏览上下文的全局跨源隔离要求，所以不管怎么配置sandbox都解决不了这个问题。

你可以根据业务情况选择以下优化方案：

• 在独立工具页面复刻父站点的UI样式、导航元素，让用户在新窗口打开时的视觉体验和留在原站点保持一致，降低跳转的割裂感
• 如果工具的业务逻辑改造成本可接受，可以尝试替换掉对SharedArrayBuffer的依赖，比如用异步原子操作、Worker消息传递等方式实现同等功能，就不需要跨源隔离的支持
• 用自定义大小的弹窗加载工具页面，相比直接开新标签页更接近嵌入的视觉效果，缺点是部分浏览器会默认拦截弹窗，需要用户手动授权允许

内容的提问来源于stack exchange，提问作者donatJ