渐进式 Web 应用演示

请参阅这些演示 PWA，了解如何使用在设备上安装后可以逐步增强应用的功能和 API。

PWAmp

PWAmp 是播放本地和远程音频文件的桌面音乐播放器。

应用、 源代码和自述文件。

PWAmp 使用以下功能：

功能	说明	文档
窗口控件覆盖	PWAmp 可以使用通常保留到标题栏的空间来显示当前歌曲的可视化效果。	使用窗口控件覆盖在标题栏区域中显示内容
协议处理	web+amp:开头的链接可用于共享远程歌曲。	处理渐进式Web 应用中的协议
文件处理	可以直接使用 PWAmp 打开音频文件。 右键单击以 .mp3 例如结尾的文件，然后单击“ 打开使用”。	处理渐进式Web 应用中的文件
Web 共享	可以通过操作系统共享对话框与其他应用共享歌曲。	共享内容
共享目标	其他应用可以通过操作系统共享对话框与 PWAmp 共享音频文件。	接收共享内容
控件	微型播放器小组件可以安装在仪表板Windows 11小组件中，以查看当前歌曲。	生成 PWA 驱动的小组件
侧 栏	PWAmp 可以固定到 Microsoft Edge 中的边栏。	在 Microsoft Edge 中生成边栏的 PWA

Wami

Wami 可以应用一系列图像操作步骤，例如裁剪、调整大小、旋转或添加对图像批次的效果。

应用、 源代码和自述文件。

Wami 使用以下功能：

功能	说明	文档
窗口控件覆盖	通常保留到标题栏的空间可由 wami 使用。	使用窗口控件覆盖在标题栏区域中显示内容
文件系统访问	Wami 可以将转换后的图像保存回磁盘。	文件系统访问 API

Webboard

Webboard 是一个绘图应用程序。

应用、 源代码和自述文件。

Webboard 使用以下功能：

功能	说明	文档
Web 共享	可以通过操作系统共享对话框与其他应用共享绘图。	共享内容

我的轨迹

“我的轨迹”可用于在地图上可视化 GPS 轨迹 (*.gpx 文件) 。

应用、 源代码和自述文件。

“我的轨迹”使用以下功能：

功能	说明	文档
窗口控件覆盖	通常保留给标题栏的空间由“我的轨迹”用来显示其自己的搜索栏。	使用窗口控件覆盖在标题栏区域中显示内容
协议处理	“我的跟踪”处理以协议开头的 geo: URI，以在地图上显示位置。	处理渐进式Web 应用中的协议
文件处理	“我的轨迹”本机处理 *.gpx 文件。	处理渐进式Web 应用中的文件
快捷方式	“我的轨迹”定义了用于轻松隐藏和显示地图中的所有轨道的快捷方式。	定义应用快捷方式

我的电影

通过这个简单的 PWA 演示，可以搜索制作电影并将其存储在本地。

应用、 源代码。

我的电影使用以下功能：

功能	说明	文档
后台同步	如果用户在显示有关电影的详细信息时处于脱机状态，则稍后当用户重新联机时，应用将使用后台同步来检索信息。	使用后台同步 API 将数据与服务器同步
通知	检索有关电影的信息时，会发送通知，以便用户可以重新与应用互动。	在操作中心显示通知

BPM Techno

BPM Techno 通过设备麦克风分析音频，并显示实时每分钟节拍数 (BPM) 计数器。

应用、 源代码和自述文件。

BPM Techno 使用以下功能：

功能	说明	文档
快捷方式	BPM Techno 定义了允许用户在应用中上传音频文件的快捷方式。	定义应用快捷方式
文件处理	BPM Techno 本机处理 *.mp3 文件。	处理渐进式Web 应用中的文件
共享目标	其他应用可以通过操作系统共享对话框与 BPM Techno 共享音频文件。	接收共享内容
协议处理	应用处理 web+bpm: URI，这些 URI 可用于将链接发送到要分析的歌曲。	处理渐进式Web 应用中的协议

1DIV

1DIV 是一个 CSS 编辑器，允许用户仅使用一个 HTML 元素和 CSS 代码创建绘图。

应用、 源代码和自述文件。

1DIV 使用以下功能：

功能	说明	文档
窗口控件覆盖	1DIV 使用标题栏通常保留的空间来显示徽标、搜索字段和按钮。	使用窗口控件覆盖在标题栏区域中显示内容

另请参阅

• 下载或克隆DevTools 示例代码中的 Demos 存储库。