WindowSharedStorage
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Die WindowSharedStorage-Schnittstelle der Shared Storage API repräsentiert den gemeinsamen Speicher für einen bestimmten Ursprung innerhalb eines Standard-Browsing-Kontexts.
WindowSharedStorage wird über Window.sharedStorage aufgerufen.
Instanzeigenschaften
workletVeraltet-
Beinhaltet die
SharedStorageWorklet-Instanz, die den gemeinsamen Speicher-Worklet für den aktuellen Ursprung darstellt.SharedStorageWorkletumfasst die MethodeaddModule(), die verwendet wird, um ein Modul zum gemeinsamen Speicher-Worklet hinzuzufügen.
Instanzmethoden
WindowSharedStorage erbt Eigenschaften von seiner übergeordneten Schnittstelle, SharedStorage.
run()Veraltet-
Führt eine Run Output Gate-Operation aus, die in einem hinzugefügten Modul im
SharedStorageWorkletdes aktuellen Ursprungs registriert wurde. selectURL()Veraltet-
Führt eine URL Selection Output Gate-Operation aus, die in einem hinzugefügten Modul im
SharedStorageWorkletdes aktuellen Ursprungs registriert wurde.
Beispiele
// 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();
Sehen Sie sich die Übersichtsseite der Shared Storage API für eine Schritt-für-Schritt-Anleitung zu diesem Beispiel und Links zu weiteren Beispielen an.