首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >PWA manifest.json - "theme_color“和"background_color”无法工作,安卓设备上未显示闪屏

PWA manifest.json - "theme_color“和"background_color”无法工作,安卓设备上未显示闪屏
EN

Stack Overflow用户
提问于 2018-06-07 04:55:08
回答 3查看 9.1K关注 0票数 8

当我在Chrome DevTools中查看manifest.js时,我可以看到徽标和颜色都在那里。然而,当我在我的android设备上从主屏幕启动网站时,既没有加载背景或主题颜色,也没有显示我的闪屏。知道为什么吗?

Manifest.json:

代码语言:javascript
复制
{
  "short_name": "Example",
  "name": "Example",
  "icons": [
    {
      "src": "images/logo_192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "images/logo_512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "./",
  "display": "standalone",
  "theme_color": "#a300c4",
  "background_color": "#c46a00"
}

截图:

编辑

我发现了错误。我使用Chrome DevTools通过远程设备浏览网站。端口转发到localhost:3000不符合触发闪屏的https要求。

现在pwa以独立模式启动,颜色和闪屏显示正确。

然而,闪屏徽标没有显示,我不知道为什么。图像的路径是正确的,并且图像存在时具有正确的文件名和类型。

有什么建议吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-06-07 06:14:42

我发现这个清单唯一有问题的地方就是启动URL。将其更改为如下所示

代码语言:javascript
复制
  "start_url": "/index.html",

代码语言:javascript
复制
  "start_url": "https://example.com/myapp/",

如果这不起作用,请在某个公共域中托管您的应用程序并共享URL。

票数 2
EN

Stack Overflow用户

发布于 2019-07-19 22:35:23

“如果页面已有主题颜色元标记-例如<meta name="theme-color" content="#2196F3"> -则将使用页面级配置,而不是清单中的值。”

来自:https://developers.google.com/web/updates/2015/08/using-manifest-to-set-sitewide-theme-color

票数 13
EN

Stack Overflow用户

发布于 2022-02-03 20:13:22

更改以下内容:

"background_color": "#c46a00""background-color": "#ffffff"

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50729451

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档