progressive-web-apps 相关问题

我尝试使用以下代码为我的 PWA 创建启动画面：我尝试使用下面的代码为我的 PWA 创建启动画面： <meta name="mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-touch-fullscreen" content="yes"/> <meta name="apple-mobile-web-app-title" content="Snappfood"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="#ffffff"/> <link rel="apple-touch-startup-image" href="/splash/launch-640x1136.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" href="/splash/launch-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/splash/launch-2436x1125.png"/> <link rel="apple-touch-startup-image" href="/splash/launch-1242x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" href="/splash/launch-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/splash/launch-1792x828.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/splash/launch-828x1792.png"/> <link rel="apple-touch-startup-image" href="/splash/launch-1536x2048.png" media="(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" href="/splash/launch-1668x2224.png" media="(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" href="/splash/launch-2048x2732.png" media="(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/splash/launch-1334x750.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/splash/launch-1242x2688.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/splash/launch-2208x1242.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/splash/launch-2732x2048.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="splash/launch-2688x1242.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/splash/launch-2224x1668.png"/> <link rel="apple-touch-startup-image" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/splash/launch-2048x1536.png"/> <meta name="msapplication-TileColor" content="#ff00a4"/> 您可以从这里访问我的工作项目但是启动栏无法在 iOS 设备上运行。谁能帮我解决这个问题吗？ Android 会自动为您的 PWA 生成启动屏幕。但 iOS 上的 Safari 需要为每种可能的 iPhone 和 iPad 屏幕尺寸手动创建启动屏幕。以下在线工具（progressier.com）正是这样做的，并且还为您提供了在关闭之前需要添加的元标记。尝试使用这个免费工具为您的应用程序生成必要的文件和元条目。 https://progressier.com/pwa-icons-and-ios-splash-screen-generator

reactjs progressive-web-apps manifest

回答 1 投票 0

Firefox：Service Worker：SecurityError：DOMException：操作不安全

在app.js中，我正在检查导航器对象中是否存在 serviceWorker，如果可用，则注册软件。 if（导航器中的“serviceWorker”）{ navigator.serviceWorker.register('./serv...

javascript firefox service-worker progressive-web-apps service-worker-events

回答 7 投票 0

Blazor wasm pwa - 在闲置一段时间后打开

我已经构建了一个支持 PWA 的 blazor wasm 应用程序。不活动后重新打开时是否可以触发某些代码？我想从服务器获取最新信息...

.net-core blazor progressive-web-apps blazor-webassembly blazor-pwa

回答 1 投票 0

如何让 PWA 在后台运行

情况：我有一个 Blazor Web Assembly，它每 10 秒进行一次 API 调用并评估此调用。此评估和请求是在选项卡和 PWA 内执行的（取决于用户）。