Akna juhtelementide ülekate aitab veebirakendustel tunduda töölaual rohkem omarakendustena

Microsoft täiustab Edge'i brauseri veebirakenduste kuvamist lauaarvutites. Ettevõte on teatanud funktsiooni Window Controls Overlay kättesaadavusest, mis võimaldab veebiarendajatel seda teha Kasutage veebirakenduse tiitliribal täiendavat ruumi, sarnaselt sellega, mida teevad enamiku töötavate rakenduste puhul süsteemid.

Veebirakendused töötavad praegu lauaarvutites nii, et nad saavad sisu joonistada ainult rakenduse aknas. Ülaosas kuvatav tiitliriba on reserveeritud lehe pealkirja, brauseri juhtelementide ja operatsioonisüsteemi üldiste akna juhtelementide kuvamiseks. Kui te ei loo kohandatud veebirakendust, mis ei tugine brauserile, piirab see ala, kus arendajad saavad oma rakenduste jaoks kasulikku sisu kuvada.

Akna juhtelementide ülekattega vabastab Microsoft Edge tiitliribal ruumi rakenduste kuvamiseks mis tahes sisu, mida nad soovivad, mis võib olla kasulik ülataseme menüüde, otsinguribade ja muude funktsioonide jaoks. Selle asemel, et tiitliriba hõivata 30 rida piksleid, kuvatakse akna juhtelemendid (nt minimeerimis- ja sulgemisnupud) nüüd ülekattena veebirakenduse sisu peal.

Arendajana saate seda ära kasutada, lisades oma veebirakenduse manifesti kuva alistamise manifesti liikme ja seejärel kasutage CSS-i muutujaid, et takistada teie veebirakendusel elemente joonistamast rakenduse nurgas asuvate akna juhtelementide alla. Kuna Windowsi, Linuxi või macOS-i akna juhtelemendid on erinevad, peate sõltuvalt platvormist, kus rakendus töötab, kasutama erinevaid laiuse muutujaid. Lisateavet selle võimaluse kohta leiate veebisaidilt Mozilla arendajavõrk.

Microsoft rääkis esimest korda Window Controls Overlayst üle kahe aasta tagasi ja mõni aeg hiljem hakkas see Chromiumi mootorisse juurutama. Funktsioon on nüüd saadaval Edge'is ja Chrome'is alates versioonist 105, aga ka Opera versioonist 91. Ka teised Chromiumipõhised brauserid peaksid seda toetama, kui nad kasutavad Chromiumi uusimat versiooni. Samuti on avaldatud ametlik spetsifikatsioon, mis peaks motiveerima ka teisi brausereid, näiteks Firefoxi, seda funktsiooni rakendama.


Allikas:Microsoft