Microsoft doda zavihek sestavljeni sloji v orodje za 3D pogled

Microsoft preseneti spletne razvijalce z novo funkcijo, ki je bila vgrajena v svoje Orodje za 3D pogled, ki je del razvojnih orodij (Dev Tools). Funkcija, ki je bila objavljena v torek, se bo pridružila drugim orodjem orodij 3D View, ki se uporabljajo za reševanje običajnih težav pri spletnem razvoju, kot so nepotrebni drsni trakovi, težave z zlaganjem z indeksom in zapletenost DOM.

Funkcija sestavljenih slojev je namenjena lomljenju spletne strani na pravo število slojev. Microsoft Edge Senior Product Manager Patrick Brosset pravi, da bo koristno, če so komponente animirane ali se spreminjajo neodvisno od ostalih. Spomnimo se, da je Microsoft Edge DevTools prej imel ločeno orodje Layers, ki je ponujalo enako funkcionalnost. Vendar se je podjetje odločilo odstraniti ploščo zanj, kar je povzročilo njegovo združitev z orodjem 3D View.

V objavi v blogu, ki napoveduje prihod nove funkcije, Brosset podrobno opisuje tudi, kako pomembne so plasti in kako se v bistvu dogajajo na spletu, tako da razpravlja o dejavnosti motorjev za upodabljanje brskalnika na visoki ravni. Po njegovem mnenju motor brskalnika sledi vrsti korakov za prehod od HTML in CSS do slikovnih pik na zaslonu. Ti postopki vključujejo razčlenitev kode HTML in ustvarjanje drevesa DOM, razčlenitev kode CSS in pridobivanje informacij o slogu in postavitvi, izdelavo nove drevesne strukture in slikanje strani na zaslon.

"Med tem zadnjim korakom se lahko motor odloči, da bo stran naslikal naenkrat ali da jo razdeli na več plasti, jih pobarva posamezno in nato iz njih sestavi končno sliko," ugotavlja Brosset. »Obstajajo posebne lastnosti CSS in elementi HTML, zaradi katerih se motor odloči ustvariti ločen sloj. Na primer, z uporabo lastnosti 3D transformacije ali lastnosti will-change motor ustvari plasti. Na ta način, ko se vsebina v teh plasteh spremeni, mora motor ponovno naslikati te posamezne plasti in ne celotnega vidnega polja.

S klikom na zavihek Sestavljeni sloji bodo uporabnikom prikazani ustvarjeni sloji, pri čemer je njihov seznam prikazan v stranski vrstici na levi strani. Orodje bo tudi poudarilo stvari v 3D sceni, s klikom na plasti pa bodo uporabniki dali dragocene informacije o njih, kot je velikost.

"Kot spletni razvijalec je lahko zelo koristno vedeti, ali je del strani, ki jo nameravate animirati, res v svoji plasti," dodaja. »Če je, potem ste lahko prepričani, da med predvajanjem animacije tudi preostale strani ne bo treba prebarvati. Vendar je enako pomembno, da preverite, ali slučajno ne ustvarite preveč plasti, saj vsak potrebuje pomnilnik.«