Microsoft fügt dem 3D-Ansichtstool die Registerkarte „Zusammengesetzte Ebene' hinzu

Auf der Registerkarte „Kompositionsebenen“ im 3D-Ansichtstool können Sie die von Ihnen erstellten Ebenen anzeigen.

Microsoft hat Webentwickler überrascht, indem es eine neue Funktion in sein 3D-Ansichtstool eingefügt hat, das Teil von Dev Tools ist. Die am Dienstag angekündigte Funktion namens „Composited Layers“-Registerkarte wird andere Tools im 3D-Ansichtstool ergänzen, um häufige Webentwicklungsprobleme wie unnötige Bildlaufleisten, Z-Index-Stacking-Probleme und DOM-Komplexität zu lösen.

Die Funktion „Zusammengesetzte Ebenen“ wurde entwickelt, um Webseiten in die richtige Anzahl von Ebenen zu unterteilen. Patrick Brosset, leitender Produktmanager für Microsoft Edge, sagte, es sei nützlich, wenn eine Komponente unabhängig von anderen Komponenten animiert oder geändert werde. Es kann daran erinnert werden, dass Microsoft Edge DevTools zuvor über ein separates Layer-Tool verfügte, das die gleiche Funktionalität bereitstellte. Das Unternehmen entschied sich jedoch, das Panel daraus zu entfernen und es so mit dem 3D-Ansichtstool zusammenzuführen.

In einem Blogbeitrag, der die Einführung der neuen Funktion ankündigt, erläutert Brosset auch die Bedeutung dieser Ebenen und ihre grundlegende Rolle im Web und diskutiert ausführlich die Aktivität von Browser-Rendering-Engines. Ihm zufolge folgt die Browser-Engine einer Reihe von Schritten, angefangen bei HTML und CSS bis hin zu den Pixeln auf dem Bildschirm. Zu diesen Prozessen gehören das Parsen von HTML-Code und das Erstellen eines DOM-Baums, das Parsen von CSS-Code und das Erhalten von Stil- und Layoutinformationen, das Generieren neuer Baumstrukturen und das Zeichnen der Seite auf dem Bildschirm.

„Im letzten Schritt kann die Engine entscheiden, die Seite auf einmal zu zeichnen oder sie in mehrere Ebenen aufzuteilen, sie separat zu zeichnen und dann das endgültige Bild daraus zusammenzusetzen“, betont Brosset. „Es gibt bestimmte CSS-Eigenschaften und HTML-Elemente, die dazu führen, dass die Engine entscheidet, eine separate Ebene zu erstellen. Beispielsweise führt die Verwendung der 3D-Transformationseigenschaft oder der Will-Change-Eigenschaft dazu, dass die Engine Ebenen erstellt. Auf diese Weise, wenn der Inhalt in diesen Wenn sich die Ebenen ändern, malt die Engine einfach diese einzelnen Ebenen neu statt des gesamten Ansichtsfensters. Das Tool hebt auch Dinge in der 3D-Szene hervor, und durch Klicken auf die Ebenen erhält der Benutzer wertvolle Informationen darüber, wie z. B. die Größe.

„Als Webentwickler ist es sehr nützlich zu wissen, ob sich der Teil der Seite, den Sie animieren möchten, tatsächlich in einer eigenen Ebene befindet“, fügt er hinzu. „Wenn ja, können Sie sicher sein, dass der Rest der Seite nicht neu gezeichnet werden muss, während die Animation abgespielt wird. Es ist aber auch wichtig zu prüfen, dass Sie nicht versehentlich zu viele Ebenen erstellen, da jede Ebene Speicher benötigt ."

Das obige ist der detaillierte Inhalt vonMicrosoft fügt dem 3D-Ansichtstool die Registerkarte „Zusammengesetzte Ebene' hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!