漸進式 Web Apps 的新功能

此頁面會列出Microsoft Edge Web Apps 小組) 和 Web Apps 的漸進式 Web Apps (PWA 更新。 若要嘗試新功能，請閱讀這些公告。 若要掌握最新且最棒的功能，請 (Beta、Dev 和 Canary) 下載 Microsoft Edge 預覽 通道。

本檔的章節會對應至 Microsoft Edge 的歷程記錄版本，且不會隨著時間更新。 例如，下列「新功能」或「原始試用版」的參考可能會隨著新版本的 Microsoft Edge 發行而過時。

Microsoft Edge 121 的新功能

從 Microsoft Edge 121 開始，在 DevTools 中，您可以模擬漸進式 Web Apps (PWA) 擁有的視窗控件重疊功能，而不需要安裝 PWA。 請參閱 模擬視窗控制件重疊 API 而不安裝 PWA。

Microsoft Edge 114 的新功能

從 Microsoft Edge 114 開始，您可以使用 User-Agent 用戶端提示，偵測 PWA 在 Microsoft Edge 的提要字段中執行的時機。

若要深入瞭解，請參閱下列資源：

• 在 Microsoft Edge 中建置提要欄位的 PWA 中偵測提要欄位中的使用方式。
• 從您的網站偵測Microsoft Edge。

Microsoft Edge 112 的新功能

從 Microsoft Edge 112 開始，漸進式 Web Apps 可以實驗性地加入加入，以釘選到 Microsoft Edge 中的提要字段。

Microsoft Edge 中的提要字段可讓用戶輕鬆地在其瀏覽器索引標籤旁存取熱門網站和公用程式。 提要欄位中的內容會啟用並存流覽，並將在瀏覽器索引標籤之間切換內容的需求降至最低，藉此增強使用者的主要工作。

若要讓 PWA 準備好釘選到 Microsoft Edge 中的提要字段，請使用指令 edge_side_panel 清單成員。

若要深入瞭解，請參閱 在 Microsoft Edge 中建置提要欄位的 PWA。

Microsoft Edge 108 的新功能

Microsoft Edge 108 引進漸進式 Web Apps 的實驗性支援，以在 Windows 11 的 Widgets Board 中定義自己的小工具。

Widget 是使用指令清單成員在 PWA 指令清單檔案中 widgets 定義。 Widget 是使用調適型卡片範本來顯示，讓小工具易於建立，並可讓它們日後輕鬆地適應各種操作系統小工具儀錶板。 Microsoft Edge 也可讓您從服務背景工作檔案處理 PWA 小工具上的用戶動作。

下列螢幕快照顯示左側的 Windows 小工具面板和右側的 PWAmp 示範應用程式。 Widgets Board 包含 PWAmp 迷你播放機小工具，其中顯示在 PWAmp 應用程式中播放的目前歌曲：

若要深入瞭解，請 參閱建置 PWA 驅動小工具。

Microsoft Edge 105 的新功能

Microsoft Edge 105 為漸進式 Web Apps 帶來下列新功能。

視窗控制件重疊 API

視窗控制元件重疊 API 現在預設為可用，從 Microsoft Edge 105 開始。 使用視窗控制控件重疊 API 來控制通常會由已安裝 PWA 視窗標題列使用的區域。 PWA 程式代碼可以使用此區域來轉譯任意的 Web 內容，例如自定義標題區域、導覽按鈕或功能表欄。

這項功能可讓安裝在 Windows、macOS 和 Linux 等桌面作業系統上的 PWA 更類似其原生對應專案。

另請參閱:

• 使用視窗控制項重疊在標題列區域中顯示內容。
• 關閉原生與 Web 之間的 30 像素間距。
• 視窗控制元件 MDN 上的重疊 API 。

來自 PWA 的通知現在會指出為來自 PWA

在舊版中，PWA 所建立的通知看起來像是Microsoft Edge 所發出的通知。

使用 Microsoft Edge 105 時，來自 PWA 的通知現在會顯示 PWA 的名稱和圖示，而不是顯示 “Microsoft Edge”：

Microsoft Edge 101 的新功能

Microsoft Edge 101 引進了 PWA 的 提要字段搜尋 功能。 提要欄位搜尋 可讓已安裝 PWA 的使用者搜尋及瀏覽位於 PWA 視窗中提要字段中的網頁內容。

若要存取 提要欄位搜尋：

1. 點選已安裝 PWA 標題列中的 [開啟提 要字段搜尋 ] 按鈕：

   

2. 輸入搜尋查詢，然後按 Enter。 搜尋結果隨即顯示，您可以從該處移至網頁：

   

Microsoft Edge 100 的新功能

Microsoft Edge Dev 和 Canary 通道在 2022 年 2 月 9 日移至 100 版。 在此里程碑中，我們將測試下列新的 Web 應用程式功能。 我們預期會在測試期間之後看到這些新功能推出至穩定狀態。

應用程式同步

支援[我的最愛]、[設定]、[歷程記錄] 等功能的同步處理服務已擴充為包含您已安裝的 Web 應用程式，也就是 PWA 和安裝為應用程式的網站。 當您登入設定檔並選擇同步處理時，同步處理服務就會運作。

當我們在未來幾周測試並逐漸發行這項功能時，已選擇同步的用戶會開始在頁面中edge://apps看到 [您的可用應用程式] 區段，以及重新設計的 [應用程式] 功能表。

[ 可用的應用程式] 區段

[ 可用的應用程式] 區段會顯示您已安裝在具有相同登入配置檔的其他裝置上，且目前未安裝在您所使用Microsoft Edge 實例中的任何應用程式。 可用的應用程式會以灰色圖示顯示在自己的區段中。 按下應用程式上的 [ 安裝 ] 按鈕，在該裝置上安裝應用程式：

在此階段，應用程式同步僅適用於桌面裝置。 若要讓您的應用程式在裝置之間保持同步，在一個裝置上新增應用程式會將它新增至其他裝置上的 [可用的應用程式 ] 區段。 在一個裝置上卸載應用程式將會從其他裝置移除它。

重新設計的應用程式功能表

在 Microsoft Edge 中，[設定] 和 [更多] 功能表中的 [應用程式] 命令正在重新設計：

• 您可以將 [應用程式] 選單圖示新增至工具列，以便快速存取。
• 您可以將快捷功能表釘選為側邊欄，以顯示您的應用程式與 Web 內容。
• 已新增可自定義的檢視和排序選項，以及 [ 我的可用應用程式 ] 區段以支援應用程式同步功能。

使用者可以在工具列上顯示 [應用程式 ] 選單圖示，以便快速存取：

使用者可以將 [ 應用程式] 選單釘選開啟為提要字位：

使用者可以在清單或方格檢視之間進行選擇：

使用者可以選擇應用程式的排序順序：

Microsoft Edge 97 的新功能

Microsoft Edge 96 版排定在 2021 年 11 月 18 日成為穩定版本。 Microsoft Edge 版本 97 會在該日期之後從 Dev 移至 Beta 預覽通道。

註冊為 URL 處理程式的市集應用程式會隱藏自定義索引標籤 UI

從 PWA 的網域重新導向至具有不同最上層網域 (TLD) 的相符域名時，參與 URL 處理程式原點試 用的市集安裝 PWA 將不再顯示 Chrome 自定義索引卷標 (CCT) 。 此重新導向通常發生在具有地區設定特定網域的應用程式中;例如，針對加拿大的使用者，從 contoso.com 重新導向至 contoso.ca 。

Microsoft Edge 96 的新功能

URL 通訊協定處理程式移至穩定

原點試用版已結束。 URL 通訊協定處理程式功能現在會在 Microsoft Edge 96 穩定版中傳送。

另請參閱:

• 通訊協議處理程式原始試用版
• 處理漸進式 Web Apps 中的通訊協定
• Chrome Dev > Web Platform > 最佳做法中 PWA 的 URL 通訊協議處理程序註冊。

管理已安裝 Web 應用程式的新中樞設計

Microsoft Edge Canary 於 2021 年 10 月 5 日達到 96 版。 透過使用者的子集，我們正在測試新的設計，以更妥善地管理已安裝的 Web 應用程式。 當您在瀏覽器中移至 edge://apps 時，它現在會顯示重新設計的中樞，其中列出已安裝的 PWA 和網站作為應用程式。

排序順序

您可以依下列任一項來排序您的應用程式：

• 最近使用過。
• 依字母順序，根據標題。
• 安裝日期。

清單檢視或方格檢視

您可以使用 [檢視] 下拉式清單，在清單或方格 檢視 中排列應用程式。 在此影像中，已選取 [網格線 ] 檢視：

若要縮放：以滑鼠右鍵按兩下 > [在新索引卷標中開啟影像]。

釘選應用程式、建立應用程式的快捷方式、在登入時執行應用程式

您可以輕鬆地將應用程式釘選到任務列或 [開始] 選單。 您可以建立快捷方式，並讓應用程式在使用者登入時執行。

App details page

現在有應用程式詳細數據頁面，可讓您輕鬆地存取下列專案：

• 相關聯來源的許可權和隱私權詳細數據。
• 應用程式的詳細數據。

應用程式詳細資料頁面：

Microsoft Edge 95 的新功能

Microsoft Edge 版本 95 於 2021 年 9 月 28 日移至 Beta 通道。 原點試用版會針對下列功能保持作用中：

• 傳統型 PWA 的視窗控制件重疊。
• URL 處理程式。

我們預期 通訊協議處理程式原始試用 版會在 2021 年 10 月 21 日結束。

Microsoft Edge 94 的新功能

Microsoft Edge 版本 94 於 2021 年 9 月 23 日移至穩定。 此發行週期很短，從 Microsoft Edge 93 Stable 到 Microsoft Edge 94 Stable 只有 3 周，因為我們已貼齊新的 4 周發行週期。 這個新的發行頻率符合 Chromium 里程碑的新步調，如加速 Chrome 的發行週期中所述。

由於Microsoft Edge 版本 94 的發行周期縮短，因此我們著重於釋放週期物流，並將功能開發轉移到Microsoft Edge 版本 95。

原點試用版會針對下列功能保持作用中：

• 傳統型 PWA 的視窗控制件重疊。
• URL 處理程式。

我們預期 通訊協議處理程式原先試 用版會以 Microsoft Edge 版本 94 結束，因為我們會取得最終意見反應，並準備好將通訊協定處理程式功能移至穩定。 如果您已在通訊協議處理程式的原始試用版中註冊，我們打算在Microsoft Edge 版本 94 之後結束試用期。 然後，我們將決定這項功能何時會變成穩定狀態。

Microsoft Edge 93 的新功能

Microsoft Edge 93 版在 2021 年 9 月 2 日成為 Microsoft Edge 的穩定通道。 本文列出我們從開發人員和取用者的觀點) ，對漸進式 Web Apps (PWA 所做的更新。

測量已安裝 Store 的 PWA 使用量

Microsoft Edge 現在包含一個查閱者標頭，其中包含Microsoft Store 安裝之 PWA 的第一個導覽要求。

這項功能最初是在 Microsoft Edge 91 版中引進，我們在 Microsoft Edge 版本 93 中提供錯誤修正。

若要深入瞭解 ，請參閱將漸進式 Web 應用程式發佈至Microsoft市集。

視窗控制件重疊原始試用版

若要更充分掌控目前以獨立顯示模式顯示的標題欄區域，您可以嘗試使用視窗控件重疊。 視窗控制項重疊 (WCO) 是一組功能，可一起運作，只提供應用程式視窗所需的基本控制項。 此版面配置會釋出更多空間供 Web 內容層使用。 WCO 適用於已安裝的傳統型 PWA。

請參閱 使用視窗控制件重疊在標題列區域中顯示內容。

2023 更新：此功能不再是原始試用版，且可供所有使用者使用，因此不再適用下列專案：在 Microsoft Edge Origin 試用版中註冊 Web 應用程式視窗控制件重疊試用的原點。

2024 更新： 從 Microsoft Edge 121 開始，在 DevTools 中，您可以模擬漸進式 Web 應用程式 (PWA) 的視窗控制件重疊功能，而不需要安裝 PWA。 請參閱 模擬視窗控制件重疊 API 而不安裝 PWA。

URL 處理程式原始試用版

開發人員現在可以在原先試用版中使用實驗性功能 Web 應用程式 URL 處理程式。 這項功能可讓已安裝的 PWA 註冊開啟其他參考其範圍之應用程式的連結。

2023 更新：此功能不再是原先試用版，且已移除，因此不再適用下列專案，且 PWA URL 處理程式功能已從 Chromium 瀏覽器引擎中移除：在 Microsoft Edge Origin 試用版註冊您的 Web 應用程式 URL 處理程式試用網域。

另請參閱:

• 處理漸進式 Web 應用程式的連結
• PWA 作為 URL 處理程式

支援 macOS 上的共用 API

我們已實作 navigator.share macOS 版 API 的支援。 此功能會在未來幾周推出至macOS上穩定Microsoft Edge 瀏覽器。

深入瞭解 navigator.share () API。

Microsoft Edge 92 的新功能

Microsoft Edge 92 版在 2021 年 7 月 22 日成為 Microsoft Edge 的穩定通道。 本文列出我們從開發人員和取用者的觀點) ，對漸進式 Web Apps (PWA 所做的更新。

通訊協議處理程式原始試用版

您現在可以向主機操作系統註冊 PWA 以處理特定通訊協定。 若要深入瞭解如何搭配 PWA 使用通訊協定處理程式，請參閱在漸進式 Web Apps 中處理通訊協定。

2023 更新：此功能不再是原始試用版，且可供所有使用者使用，因此不再適用下列專案： 通訊協議處理程式的 Windows 試用版現已推出。 您可以在 Microsoft Edge 原始來源試用版中註冊 Web 應用程式通訊協定處理程式試用的原點。

簡化的應用程式資訊功能表

當使用者在應用程式的標題列中選取省略號 (...) 按鈕時，會顯示 [應用程式資訊] 功能表。 我們已更新 [應用程式資訊 ] 功能表，並以下列方式簡化用戶體驗，以提供比瀏覽器 UI 更像傳統型應用程式的用戶體驗：

• 將應用程式 發行者 資訊移至最上層，並使它成為使用者看到的第一件事：

  

• 將隱私權資訊和控件移至專用的第二層 隱私權 功能表：

  

• 已將內容相關工具移至專用的第二層 [ 更多工具] 選單：

  

安裝後飛出視窗對話框

從 Windows 上的 Microsoft Edge 瀏覽器安裝 PWA 之後，用戶現在可以從四個選項中選取，輕鬆地啟動其應用程式：

• 釘選到任務列
• 釘選到 [開始]
• 建立桌面快捷方式
• 裝置登入時自動啟動

為了方便起見，此飛出視窗對話方塊會在第一次啟動應用程式時顯示：

這項功能正逐漸推出給所有使用者。 同時，如果您想要使用這項功能，請移至 edge://flags 並啟用 [安裝后對話框 Web Apps 旗標。

還原 Web Apps

在非預期關機之前執行的已安裝月臺和 PWA 現在會還原 (也就是說，系統復原時，它們將會重新啟動) 。

由於進程失敗、系統重新啟動或電源中斷，可能會發生非預期的關機。 在此變更之前，安裝的月臺和 PWA 在系統還原時有不確定的行為。

另請參閱

• PWA 的實驗性功能和原始試用
• 在 Microsoft Edge 中使用原點試用