探索与最佳实践

Android iOS

12306PWALavasPWA可 快 粘PWAWebAppManifest(主屏图标ServiceWorker(离线可用NotificationAPI&PushAPI(离线通知…PWAApp &AppSkeletonPRPLPattern(Push,Render,Pre-cache,Lazy-安全交互&…PWAPWA且通常采用App AppApp<!doctype<metacharset="utf-<linkrel="stylesheet"/*skeletonstyle<div<!--skeletonhtml--<script <!doctype<metacharset="utf-

阻塞Skeleton<linkrel="stylesheet"/*skeletonstyle<div<!--skeletonhtml--<script <!--index.html--<linkrel="preload"href="/static/index.css"as="style"//if(window.STYLE_READY){}elsewindow.$mount=function(){}} WebApp UC浏览

PWAWebApp<linkrel="manifest"{"name":" "short_name":"天气","icons":[{"src":"/assets/i/icon-144x144.png","sizes":"type":}"start_url":"/?from=homescreen","disy":"standalone","background_color":"#3E4EB8","theme_color":"#2F3BA2"}iOSSafariiOS11.3Safari对WebAppManifestSafari支持通过 的一些私有属<!--指定桌面icon<linkrel="apple-touch-icon"href="touch-<!--指定应用名称<meta -web-app-title"<!--是否隐藏Safari地址栏 --<meta -web-app-capable"<!--修 iOS状态栏颜 --<meta -web-app-status-bar-style"Service浏览器 独立于网页运行支持PushAPI…ServiceWorkerServiceWorker+App缓存App 所需静态文页面请求，均返回App 对应App 判断当前URLServiceWorker更新缓存过期&清理ServiceWorker浏览器每天至少更新一次Service新的ServiceWorker手动更新逐字节对比新的sw文件和旧的swServiceWorker//navigator.serviceWorker.addEventListener('message',function(e){if(e.data==='sw.update'){//}// s){if( s&& s.length){s.forEach(function )}ServerServerSideServerServerSideServiceWorkerSSRSSR中如何正确使用Service

…SSR中如何正确使用Service

request.mode===

2.app 根据

1.返回

…SSR+ServiceWorkerApp SSRSEO大幅降低服务器依然不知道PWA为何物TiOS

ServiceWorkerApp

如何把Skeleton注入到PWASSR会不会服务器 ServiceWorker更新逻辑ServiceWorker依然不知道PWA依然不知道PWA为何物TServic