Komprimierung und Dekomprimierung im Browser mit der Compression Streams API
bookmark_borderbookmark
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Kleinere Webanwendungen schreiben, die keine eigene Komprimierungs- oder Dekomprimierungsbibliothek benötigen
Die Compression Streams API dient zum Komprimieren und Dekomprimieren von Datenstreams mit den Formaten gzip oder deflate (oder deflate-raw).
Bei der integrierten Komprimierung müssen JavaScript-Anwendungen keine Komprimierungsbibliothek enthalten, wodurch die Downloadgröße der Anwendung kleiner wird. Die stabile Chrome-Version und die Safari Technology Preview unterstützen diese nützliche API jetzt. Hier wird das Komprimieren von Daten veranschaulicht.
const readableStream = await fetch('lorem.txt').then(
(response) => response.body
);
const compressedReadableStream = readableStream.pipeThrough(
new CompressionStream('gzip')
);
Leiten Sie für die Dekomprimierung einen komprimierten Stream durch den Dekomprimierungsstream.
const decompressedReadableStream = compressedReadableStream.pipeThrough(
new DecompressionStream('gzip')
);
Demo
Unterstützte Browser
Die Compression Streams API wird ab Chromium 80 und Safari Technology Preview 152 unterstützt.
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2022-08-29 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-08-29 (UTC)."],[],[]]