Window Controls Overlay 功能現在可以使 Web 應用程序的外觀和感覺更像本機桌面應用程序

Web 應用程序不僅在手機上運行良好，而且還被證明是原生桌面應用程序的絕佳替代品。 為了進一步縮小網絡應用程序和原生桌面應用程序之間的差距，微軟宣布了窗口控制疊加功能，允許開發人員創建自己的標題欄，而不是強迫他們使用默認的標題欄。

Web 應用程序和原生桌面應用程序現在看起來很相似，只是前者使用默認的標題欄體驗，其中包含與網站名稱和其他控制按鈕相關的信息。 現在，隨著 Window Controls Overlay 的加入，開發人員可以使用通常顯示默認標題欄的整個區域。 但是，系統關鍵窗口按鈕將保持不變。

開發人員現在可以使用這個額外的空間在其 Web 應用程序上顯示自定義標題、菜單欄、一些帳戶信息、導航選項卡等，使它們的外觀和感覺更像原生桌面應用程序。 微軟發布的上述圖片很好地解釋了一旦您使用該解決方案，Window Controls Overlay 將帶來的變化。

微軟早在 2022 年 105 月就提出了 Window Control Overlay，但該公司花了更多時間在 Chromium 中構建早期實施。 而現在，經過兩年多的時間，微軟終於將其作為所有人在 Microsoft Edge 谷歌瀏覽器 91 版本中使用的默認體驗。它也可在 Opera XNUMX 中使用。

要選擇使用此功能，開發人員需要使用 顯示覆蓋 清單成員並將其值設置為 [“窗口控制覆蓋”]。 它還需要新的 標題欄區域-* CSS 環境變量和新的 navigator.windowControlsOverlay JavaScript API。 微軟建議開發者查看 技術文檔 以及 Mozilla開發者網絡 參考文檔以了解有關如何將新解決方案合併到 Web 應用程序的更多信息。