La scheda Livelli compositi nello strumento Vista 3D ti consente di vedere i livelli creati.
Microsoft sorprende gli sviluppatori web con un nuovo funzionalità inserita nel suo strumento 3D View, che fa parte degli strumenti di sviluppo (Strumenti di sviluppo). Annunciata martedì, la funzionalità chiamata scheda Layer compositi si unirà ad altri strumenti di visualizzazione 3D utilizzati per risolvere i problemi di sviluppo web usuali, come barre di scorrimento non necessarie, problemi di stacking dell’indice z e complessità DOM.
I layer compositi funzione ha lo scopo di frazionare la pagina web nel giusto numero di livelli. Patrick Brosset, Senior Product Manager di Microsoft Edge, afferma che sarà utile quando i componenti vengono animati o cambiano indipendentemente dal resto. Si può ricordare che Microsoft Edge DevTools aveva in precedenza uno strumento Layers separato che offriva le stesse funzionalità. Tuttavia, l’azienda ha deciso di rimuovere il pannello, con conseguente fusione con lo strumento Visualizzazione 3D.
In un post sul blog che annunciava l’arrivo della nuova funzionalità, Brosset spiega anche quanto siano importanti i livelli e come accadono sostanzialmente sul web discutendo l’attività dei motori di rendering dei browser ad alto livello. Secondo lui, un motore di browser segue una serie di passaggi per passare da HTML e CSS ai pixel su uno schermo. Queste procedure includono l’analisi del codice HTML e la creazione dell’albero DOM, l’analisi del codice CSS e l’acquisizione di informazioni su stile e layout, la produzione di una nuova struttura ad albero e il disegno della pagina sullo schermo.
“Durante quest’ultimo passaggio, il motore può decidere di dipingere la pagina in una volta sola o di dividerla in più livelli, dipingerli individualmente e quindi comporre l’immagine finale da essi”, osserva Brosset. “Ci sono specifiche proprietà CSS ed elementi HTML che fanno decidere al motore di creare un livello separato. Ad esempio, l’utilizzo di una proprietà di trasformazione 3D o della proprietà di modifica consente al motore di creare livelli. In questo modo, quando il contenuto di questi livelli cambia, il motore deve solo ridipingere questi singoli livelli e non l’intera finestra.”
Facendo clic sulla scheda Livelli compositi verranno mostrati agli utenti i livelli creati, in cui i loro l’elenco viene visualizzato nella barra laterale sul lato sinistro. Lo strumento evidenzierà anche le cose nella scena 3D e facendo clic sui livelli gli utenti forniranno informazioni preziose su di essi, come le dimensioni.
“Come sviluppatore web, può essere molto utile sapere se un parte della pagina che intendi animare è, infatti, nel suo stesso livello”, aggiunge.”Se lo è, puoi essere certo che durante la riproduzione dell’animazione, non sarà necessario ridipingere anche il resto della pagina. Ma è altrettanto importante controllare di non creare troppi livelli accidentalmente, poiché ognuno ha bisogno di memoria”.
