WindowSharedStorage
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
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
worklet-
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()-
Führt eine Run Output Gate-Operation aus, die in einem hinzugefügten Modul im
SharedStorageWorkletdes aktuellen Ursprungs registriert wurde. selectURL()-
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.