WindowSharedStorage: worklet 属性

实验性: 这是一个 实验性技术
在生产环境中使用之前,请仔细查看 浏览器兼容性表格

WindowSharedStorage 接口的只读属性 worklet 包含表示当前来源的共享存储工作线程的 SharedStorageWorklet 实例。

SharedStorageWorklet 包含 addModule() 方法,该方法用于将模块添加到共享存储工作线程。

一个 SharedStorageWorklet 对象。

示例

js
// Randomly assigns a user to a group 0 or 1
function getExperimentGroup() {
  return Math.round(Math.random());
}

async function injectContent() {
  // Add the module to the shared storage worklet
  await window.sharedStorage.worklet.addModule("ab-testing-worklet.js");

  // Assign user to a random group (0 or 1) and store it in shared storage
  window.sharedStorage.set("ab-testing-group", getExperimentGroup(), {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation
  const fencedFrameConfig = await window.sharedStorage.selectURL(
    "ab-testing",
    [
      { url: `https://your-server.example/content/default-content.html` },
      { url: `https://your-server.example/content/experiment-content-a.html` },
    ],
    {
      resolveToConfig: true,
    },
  );

  // Render the chosen URL into a fenced frame
  document.getElementById("content-slot").config = fencedFrameConfig;
}

injectContent();

有关此示例的详细说明,以及其他示例的链接,请参阅 共享存储 API 着陆页。

规范

规范
共享存储 API
# dom-windowsharedstorage-worklet

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅