《回归初心重温 PWA 技术的现实意义-宋青见 .pdf》由会员分享,可在线阅读,更多相关《回归初心重温 PWA 技术的现实意义-宋青见 .pdf(45页珍藏版)》请在三个皮匠报告上搜索。
1、回归初心,重温 PWA 技术的现实意义diekusPM Microsoft Edge/首席产品经理宋青见宋青见之现状和反思PWA 使用情况 tracked by 25,989 total PWA enabled websites11,662 in United States 60 60 in ChinaPWA 常见的误会只是为了移动端网页离线优化?只是一个网站的链接老技术/过时的概念而事实是真正跨平台的技术标准?和操作系统等深度集成不断增加的系统能力 2022 中国 PWA 开发者日82022 中国 PWA 开发者日9简介Like websites,but more!?Web标准技术 URL链
2、接 易于发现 安全性 应用的图标 单独窗口?更多声明式的“系统”能力diekusHTMLCSSJSManifestSWHTTPS硬件适配硬件适配系统能力系统能力离线能力离线能力WWW2022 中国 PWA 开发者日14不忘Web初心-跨平台、标准化和安全性Web APIsPWA OS integrationAppNetworkService WorkerCacheNFCShare with31Web content hereDesktop移动生态跨平台到桌面移动生态跨平台到桌面-低成本高收益低成本高收益2022 中国 PWA 开发者日30移动端移动端到到桌面,体验升级桌面,体验升级2022 中
3、国 PWA 开发者日31移动端移动端到到桌面,开发友好桌面,开发友好2022 中国 PWA 开发者日32移动端移动端到到桌面,框架成熟桌面,框架成熟2022 中国 PWA 开发者日33移动端移动端到到桌面,灵活变身桌面,灵活变身aka.ms/diekusPWAPWA应用管理应用管理Microsoft Edge on Windows 11Edge浏览器标题栏里显示和应用商店下载同步diekusPWAPWA应用管理应用管理Microsoft Edge on Windows 11系统启动时运行系统启动时运行多个快捷入口多个快捷入口文件关联文件关联本地文件系统本地文件系统WindowsWindows系
4、统赋能系统赋能diekusdiekusPWA可以随系统启动时运行.平台支持:进入Edge浏览器(edge:/apps)PWA管理页面中设置.系统启动时运行系统启动时运行diekus快捷入口快捷入口从任务栏、开始菜单或主屏幕上等多个入口的图标启动PWA。平台支持:在manifest 文件里设置 .diekus文件关联文件关联允许将已安装的PWA注册为操作系统相关文件的处理程序.支持平台:在manifest 文件里设置 ,调用相关diekus本地文件系统本地文件系统允许访问本地文件系统,进行读写.支持平台:JS API.https:/fugu-tracker.web.apphttps:/web.dev/blog/https:/web.dev/learn/pwahttps:/ on Microsoft Edge docs:https:/aka.ms/pwaLearn PWA in 30 days:https:/aka.ms/learn-pwa/30Days-blogMDN:https:/developer.mozilla.org/en-US/docs/Web/Progressive_web_appsGoogle:https:/web.dev/learn/pwa/Thanks