TransformStream wird jetzt browserübergreifend unterstützt
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Da Umwandlungsstreams jetzt in Chrome, Safari und Firefox unterstützt werden, sind sie endlich einsatzbereit.
Feier : Diese Webfunktion ist jetzt in allen drei Browser-Engines verfügbar.
Mit der Streams API kannst du eine Ressource, die du empfangen, senden oder in kleine Blöcke umwandeln möchtest, aufschlüsseln und diese Blöcke dann Schritt für Schritt verarbeiten. Kürzlich wurde Firefox 102
Unterstützung von TransformStream
,
Das bedeutet, dass TransformStream
jetzt
browserübergreifend nutzbar. Mit Transformationsstreams können Sie eine Pipe aus einem
ReadableStream
in ein
WritableStream
, Ausführung eines
oder das transformierte Ergebnis direkt nutzen,
wie im folgenden Beispiel gezeigt.
class UpperCaseTransformStream {
constructor () {
return new TransformStream ({
transform ( chunk , controller ) {
controller . enqueue ( chunk . toUpperCase ());
},
});
}
}
button . addEventListener ( 'click ', async () = > {
const response = await fetch ( '/script.js');
const readableStream = response . body
. pipeThrough ( new TextDecoderStream ())
. pipeThrough ( new UpperCaseTransformStream ());
const reader = readableStream . getReader ();
pre . textContent = '';
while ( true ) {
const { done , value } = await reader . read ();
if ( done ) {
break ;
}
pre . textContent = value ;
}
});
Demo
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-07-01 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Benötigte Informationen nicht gefunden"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Zu umständlich/zu viele Schritte"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Nicht mehr aktuell"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problem mit der Übersetzung"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problem mit Beispielen/Code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Sonstiges"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Leicht verständlich"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Mein Problem wurde gelöst"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Sonstiges"
}]
{"lastModified": "Zuletzt aktualisiert: 2022-07-01\u00a0(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-07-01 (UTC)."],[],[]]