是否在Github页面上使用SharedArrayBuffer？

Question

null

• 有什么方法可以在GitHub上使用SharedArrayBuffer吗？我试过上网，但他们对带宽有限制。是否有类似于GitHub的托管静态站点可以允许我们自定义请求头，以便我们可以使用ShareDarrayBuffer？

Answer 1

您可以通过服务工作者设置所需的COOP和COEP头（甚至在Github页面上）来使SharedArrayBuffer工作。这篇博客文章将解释基础知识并向您展示如何。

本质上，这个想法是

1. 当页面第一次加载时，我们注册worker
2. 然后重新加载页面
3. 最后，现在工作人员正在控制一切，现在每个请求都将设置适当的头

// sw.js
self.addEventListener("fetch", function (event) {
  if (event.request.cache === "only-if-cached" && event.request.mode !== "same-origin") {
    return;
  }

  event.respondWith(
    fetch(event.request)
      .then(function (response) {
        const newHeaders = new Headers(response.headers);
        newHeaders.set("Cross-Origin-Embedder-Policy", "require-corp");
        newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");

        const moddedResponse = new Response(response.body, {
          status: response.status,
          statusText: response.statusText,
          headers: newHeaders,
        });

        return moddedResponse;
      })
      .catch(function (e) {
        console.error(e);
      })
  );
});