WindowSharedStorage: worklet-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die worklet-Schreibgeschützte Eigenschaft des WindowSharedStorage-Interfaces enthält die Instanz von SharedStorageWorklet, die das Shared Storage Worklet für den aktuellen Ursprung darstellt.

SharedStorageWorklet enthält die Methode addModule(), die verwendet wird, um ein Modul zum Shared Storage Worklet hinzuzufügen.

Wert

Ein SharedStorageWorklet-Objekt.

Beispiele

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();

Siehe die Shared Storage API-Übersichtsseite für eine Anleitung zu diesem Beispiel und für Links zu weiteren Beispielen.

Spezifikationen

Specification
Shared Storage API
# dom-windowsharedstorage-worklet

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch