微軟允許開發者修改PWA的視窗標題欄

roc_guo發表於2021-05-04

微軟允許開發者修改PWA的視窗標題欄微軟允許開發者修改PWA的視窗標題欄

所謂標題欄,特指視窗控制元件(最大化 / 最小化 / 關閉等按鈕)左右側的這部分割槽域。通常情況下,開發者都會在這裡顯示應用程式的標題。

透過將現有的全形標題欄,替換成帶有視窗控制元件的小疊加層,開發者可讓漸進式 Web 應用(PWA)帶來更像是傳統應用程式的使用感受。

與此同時,開發者也能夠將自定義的內容,放置在此前被瀏覽器所掌控的標題欄區域。

微軟允許開發者修改PWA的視窗標題欄微軟允許開發者修改PWA的視窗標題欄

在官宣之後,新的視窗控制元件佈局(Window Controls Overlay)將從 Chrome 92 開啟試驗,且預計可在 Chrome 94(2021 年 7 月前後)敲定最終方案。

當前樣式並沒有像第一個示例那樣花裡胡哨,但開發者顯然還有極大的發揮空間。感興趣的朋友,可透過以下方法來體驗 Windows Controls Overlay:

  • 轉至 chrome://flags
  • 啟用 #enable-desktop-pwas-window-controls-overlay 標記
  • 重啟 Chrome 瀏覽器


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901823/viewspace-2770803/,如需轉載,請註明出處,否則將追究法律責任。

相關文章