漸進式 Web 應用程式示範

請參閱這些示範 PWA，以瞭解如何使用可在裝置上安裝時逐漸增強應用程式的功能和 API。

PWAmp

PWAmp 是播放本機和遠端音訊檔案的傳統型音樂播放程式。

應用程式、 原始程式碼和讀我檔案。

PWAmp 使用下列功能：

功能	描述	文件
視窗控制項重迭	PWAmp 可以使用通常保留給標題列的空間來顯示目前歌曲的視覺效果。	在標題列中顯示內容
通訊協定處理	開頭為 的 web+amp: 連結可用來共用遠端歌曲。	處理漸進式Web Apps中的通訊協定
檔案處理	音訊檔案可以直接使用 PWAmp 開啟。 以滑鼠右鍵按一下結尾 .mp3 為 的檔案，然後按一下 [ 開啟] 。	處理漸進式Web Apps中的檔案
Web 共用	您可以透過作業系統共用對話方塊與其他應用程式共用歌曲。	共用內容
共用目標	其他應用程式可以透過作業系統共用對話方塊，與 PWAmp 共用音訊檔案。	接收共用內容
部件	迷你播放機 Widget 可以安裝在 Windows 11 Widgets 儀表板中，以查看目前歌曲。	建置 PWA 驅動小工具
側 欄	PWAmp 可以釘選到 Microsoft Edge 中的提要欄位。	建置 Microsoft Edge 提要欄位 PWA

Wami

Wami 可以套用一連串的影像操作步驟，例如裁剪、調整大小、旋轉或新增影像批次的效果。

應用程式、 原始程式碼和讀我檔案。

Wami 使用下列功能：

功能	描述	文件
視窗控制項重迭	通常保留給標題列的空間可供 wami 使用。	在標題列中顯示內容
檔案系統存取	Wami 可以將轉換後的映射儲存回磁片。	檔案系統存取 API

Webboard

Webboard 是繪圖應用程式。

應用程式、 原始程式碼和讀我檔案。

Webboard 使用下列功能：

功能	描述	文件
Web 共用	繪圖可以透過作業系統共用對話方塊與其他應用程式共用。	共用內容

我的曲目

我的曲目很適合用來將地圖上) 的 GPS 資料軌 (*.gpx 檔案視覺化。

應用程式、 原始程式碼和讀我檔案。

我的曲目使用下列功能：

功能	描述	文件
視窗控制項重迭	[我的曲目] 會使用通常保留給標題列的空間來顯示自己的搜尋列。	在標題列中顯示內容
通訊協定處理	我的曲目會處理開頭為通訊協定的 geo: URI，以顯示地圖上的位置。	處理漸進式Web Apps中的通訊協定
檔案處理	我的曲目會以原生方式處理 *.gpx 檔案。	處理漸進式Web Apps中的檔案
捷徑	我的曲目會定義快捷方式，以輕鬆地隱藏和顯示地圖中的所有曲目。	定義應用程式快捷方式

我的電影

這個簡單的 PWA 示範可讓您搜尋組成電影，並將其儲存在本機。

應用程式、 原始程式碼。

我的電影使用下列功能：

功能	描述	文件
背景同步	如果使用者在顯示電影的詳細資訊時離線，應用程式會在使用者稍後重新上線時，使用背景同步來擷取資訊。	使用背景同步 API 與伺服器同步處理資料
通知	擷取電影的相關資訊時，會傳送通知，讓使用者可以與應用程式重新互動。	在控制中心顯示通知

BPM Techno

BPM Techno 會透過裝置麥克風分析音訊，並在 BPM) 計數器 (顯示每分鐘的即時節點。

應用程式、 原始程式碼和讀我檔案。

BPM Techno 使用下列功能：

功能	描述	文件
捷徑	BPM Techno 會定義可讓使用者在應用程式中上傳音訊檔案的快捷方式。	定義應用程式快捷方式
檔案處理	BPM Techno 原生處理 *.mp3 檔案。	處理漸進式Web Apps中的檔案
共用目標	其他應用程式可以透過作業系統共用對話方塊，與 BPM Techno 共用音訊檔案。	接收共用內容
通訊協定處理	應用程式會處理 web+bpm: 可用來傳送要分析之歌曲連結的 URI。	處理漸進式Web Apps中的通訊協定

1DIV

1DIV 是一個 CSS 編輯器，可讓使用者只使用一個 HTML 元素和 CSS 程式碼來建立繪圖。

應用程式、 原始程式碼和讀我檔案。

1DIV 使用下列功能：

功能	描述	文件
視窗控制項重迭	1DIV 會使用標題列通常保留的空間來顯示標誌、搜尋欄位和按鈕。	在標題列中顯示內容

另請參閱

• 下載或複製DevTools 範例程式碼中的示範存放庫。