Microsoft meningkatkan cara aplikasi web di browser Edge ditampilkan di perangkat desktop. Perusahaan telah mengumumkan ketersediaan fitur Window Controls Overlay, yang memungkinkan pengembang web untuk melakukannya manfaatkan ruang tambahan di bilah judul aplikasi web, serupa dengan yang dilakukan aplikasi asli di sebagian besar pengoperasian sistem.
Cara kerja aplikasi web saat ini di perangkat desktop adalah aplikasi tersebut hanya dapat menarik konten secara spesifik di dalam jendela aplikasi. Bilah judul, ditampilkan di bagian atas, digunakan untuk menampilkan judul halaman, kontrol browser, dan kontrol jendela umum untuk sistem operasi. Kecuali jika Anda membuat aplikasi web khusus yang tidak bergantung pada browser, hal ini akan membatasi area di mana pengembang dapat menampilkan konten yang berguna untuk aplikasi mereka.
Dengan Hamparan Kontrol Jendela, Microsoft Edge mengosongkan ruang pada bilah judul agar aplikasi dapat ditampilkan konten apa pun yang mereka inginkan, yang dapat berguna untuk menu tingkat atas, bilah pencarian, dan fitur lainnya. Alih-alih 30 baris piksel diambil oleh bilah judul, kontrol jendela - seperti tombol perkecil dan tutup - kini ditampilkan sebagai hamparan di atas konten aplikasi web.
Sebagai pengembang, Anda dapat memanfaatkan hal ini dengan menambahkan anggota manifes penggantian tampilan ke Manifes Aplikasi Web Anda, dan lalu gunakan variabel CSS untuk mencegah aplikasi web Anda menggambar elemen di bawah kontrol jendela di sudut aplikasi. Karena kontrol jendela berbeda di Windows, Linux, atau macOS, Anda harus menggunakan variabel lebar yang berbeda bergantung pada platform tempat aplikasi berjalan. Anda dapat menemukan informasi lebih lanjut tentang kemampuan ini di Jaringan Pengembang Mozilla.
Microsoft pertama kali berbicara tentang Window Controls Overlay lebih dari dua tahun yang lalu, dan mulai mengimplementasikannya ke dalam mesin Chromium beberapa waktu kemudian. Fitur ini sekarang tersedia di Edge dan Chrome mulai versi 105, serta Opera versi 91. Browser berbasis Chromium lainnya juga harus mendukungnya jika mereka menjalankan versi Chromium terbaru. Ada juga spesifikasi formal yang diterbitkan yang seharusnya memberi insentif pada browser lain, seperti Firefox, untuk juga mengimplementasikan fitur tersebut.
Sumber:Microsoft