【问题标题】:Splash screen for nuxt.js pwa (add to home screen ios and Apk pwa)nuxt.js pwa 的启动画面(添加到主屏幕 ios 和 Apk pwa)
【发布时间】:2021-08-04 02:26:39
【问题描述】:

嘿,我正在尝试为我的 nuxt js 项目设置启动画面,我已经尝试了所有类似这样的元标记: ———-

{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"}

——-

在我的 nuxt-config.js 中的所有尺寸中但无法正常工作, 如果您知道如何为我的 nuxt 项目设置启动画面,请帮助我

【问题讨论】:

  • 不确定您在这里要做什么。你在这里叫什么启动画面?如果您将它作为 PWA (android),加载可能会非常快。如果您在网络上加载它,那么在获取 SPA 信息时会有一个加载器。在 iOS 上,据我所知,目前还没有 PWA。另外,请阅读以下内容:pwa.nuxtjs.org/icon
  • 嘿!我正在寻找这样的东西blog.iamsuleiman.com/wp-content/uploads/2015/07/…(我猜这就是我们所说的启动画面)

标签: ios vue.js nuxt.js progressive-web-apps splash-screen


【解决方案1】:

为此,您可以自定义加载指示器:https://nuxtjs.org/docs/2.x/features/loading/#the-loading-indicator-property
并使用自定义的,您可以在其中设计 启动画面

不确定它是 PWA 是否需要额外的工作,但如果需要,这个应该修复它:https://pwa.nuxtjs.org/icon/

【讨论】:

    猜你喜欢
    • 2018-09-11
    • 2021-05-13
    • 1970-01-01
    • 2018-10-27
    • 1970-01-01
    • 1970-01-01
    • 2019-05-28
    • 2018-02-25
    • 1970-01-01
    相关资源
    最近更新 更多