9 月 28 日消息，微軟今日在一個(gè)新的博文中詳細(xì)介紹了 Edge 105 瀏覽器中的一個(gè)新的功能，能夠使桌面 Web 應(yīng)用感覺(jué)更像原生應(yīng)用。

原生應(yīng)用和 Web 應(yīng)用的對(duì)比

微軟曾最初在 2020 年 1 月提到了一項(xiàng)新的漸進(jìn)式網(wǎng)絡(luò)應(yīng)用（PWA）的功能，名為窗口控件布局（Window Controls Overlay），允許開(kāi)發(fā)人員創(chuàng)建自己的標(biāo)題欄，而不是強(qiáng)迫他們使用默認(rèn)標(biāo)題欄。然后，該公司在 2021 年 3 月通過(guò) Chromium 項(xiàng)目開(kāi)始了早期實(shí)施工作，Chrome 瀏覽器在 2022 年 5 月發(fā)布的 102 版本中對(duì)其進(jìn)行了采用?，F(xiàn)在隨著正式規(guī)范的發(fā)布，該功能也已成為 Edge 105 的默認(rèn)體驗(yàn)。

使用 Window Controls Overlay 的前后對(duì)比

微軟 Edge 團(tuán)隊(duì)的 Amanda Baker 曾在技術(shù)文檔中表示：“這一功能使開(kāi)發(fā)者能夠構(gòu)建更好地利用屏幕空間的 Web 應(yīng)用，并允許他們將 Web 應(yīng)用設(shè)計(jì)得更像原生應(yīng)用。隨著設(shè)備體積變得更小，便攜性越來(lái)越高，標(biāo)題欄占據(jù)了非常大的一部分屏幕空間，留給用戶與 Web 應(yīng)用交互的空間相應(yīng)地也就變小了?！?/p>

開(kāi)發(fā)者能夠控制將 PWA 應(yīng)用標(biāo)題欄的大約 30px 的高度，雖然 30px 聽(tīng)起來(lái)很小，但它會(huì)讓 PWA 應(yīng)用有自主權(quán)在這個(gè)區(qū)域顯示自定義的標(biāo)題、菜單欄、導(dǎo)航標(biāo)簽等。

微軟強(qiáng)調(diào)，這適應(yīng)于不同的操作系統(tǒng)，包括 Windows、Mac 和 Linux。下面是一張顯示不同操作系統(tǒng)對(duì)這 30px 高度的利用情況的圖片，下圖中的黃色區(qū)域?qū)⒂?PWA 控制：

微軟稱，“我們相信 PWA 是制作桌面 Web 應(yīng)用的最佳選擇。把你的網(wǎng)站變成一個(gè)真正感覺(jué)屬于桌面的應(yīng)用從未如此簡(jiǎn)單，使用 Window Controls Overlay 功能將幫助你創(chuàng)建桌面應(yīng)用，看起來(lái)更現(xiàn)代，更吸引你的用戶。”

值得一提的是，在 Edge 105 中 Window Controls Overlay 已經(jīng)是默認(rèn)啟用的，但是在這個(gè)版本的主要或次要版本的更新日志中都沒(méi)有強(qiáng)調(diào)這一點(diǎn)。