pwadevday2022_edwin

1 . 回归初心， 重温 PWA 技术的现实意义 

2 .宋青见 PM @ Microsoft Edge / 首席产品经理 

3 . PWA?! 好像很少有人还在提， 那是 2019年的事了! 2022 中国 PWA 开发者日 3 

4 . PWA 常见的误会 • 只是为了移动端网页离线优化📱📶 • 只是一个网站的链接📦 • 老技术/ 过时的概念 2022 中国 PWA 开发者日 4 

5 . 而事实是 • 真正跨平台的技术标准📱🖥️💻⌚🎮🥽 • 和操作系统深度集成📥 • 不断增加的系统能力✨ 🐡 2022 中国 PWA 开发者日 5 

6 .2022 中国 PWA 开发者日 6 

7 . 每天数亿分钟在使用PWAs ， 并且快速增长中*！ * On desktop platform 🖥️ 2022 中国 PWA 开发者日 @diekus 7 

8 .Desktop 桌面复兴 开发者的新大陆 

9 . 移动端到桌面，体验升级 2022 中国 PWA 开发者日 9 

10 . 移动端到桌面，开发友好 2022 中国 PWA 开发者日 10 

11 . 移动端到桌面，框架成熟 2022 中国 PWA 开发者日 11 

12 . 移动端到桌面，灵活变身 2022 中国 PWA 开发者日 12 

13 .aka.ms/ 

14 .pwabuilder.com 

15 .从Edge浏览器安装PWA 2022 中国 PWA 开发者日 15 

16 .升级Web体验 🦄 • PWA应用管理(edge://apps) • Window Controls Overlay 🎨 • 搜索侧边栏 🖼️ @diekus 

17 . PWA应用管理 Microsoft Edge on Windows 11 和应用商店下载同步 Edge浏览器标题栏里显示 @diekus 

18 . @diekus Microsoft Edge on Windows 11 PWA应用管理 

19 . @diekus Microsoft Edge on Windows 11 PWA应用管理 

20 . Window Controls Overlay 释放操作系统标题栏区域，给web 内容更多空间. • 支持平台: • 在manifest 文件中设置 📄, 通过使用 和 和 . @diekus 

21 .Window Controls Overlay Installed PWA on Windows 11 Installed PWA on macOS @diekus 

22 . @diekus Spotify PWA on macOS High Sierra Window Controls Overlay 

23 . 搜索侧边栏 2022 中国 PWA 开发者日 23 

24 .Windows系统赋能 🏃🏽 • 系统启动时运行 • • 多个快捷入口 文件关联 📲 • 本地文件系统 • … 🗃️ @diekus 

25 . 系统启动时运行 PWA可以随系统启动时运行. • 平台支持: • 进入Edge浏览器 （edge://apps）PWA管理页面中设置. @diekus 

26 . 快捷入口 从任务栏、开始菜单或主屏幕上等多个入口的图标启动PWA。 • 平台支持: • 在manifest 文件里设置 📄. @diekus 

27 . 文件关联 允许将已安装的PWA注册为操作系统相关文件的处理程序. • 支持平台: • 在manifest 文件里设置 📄, 调用相关 @diekus 

28 . 本地文件系统 允许访问本地文件系统，进行读写. • 支持平台: • JS API. @diekus 

29 .应用间跳转和分享 📎 • Protocol Handlers • Web Share • Web Share Target 📦 🔗 @diekus