【问题标题】:Possible to have multiple `manifest.json` for PWA?PWA 可能有多个“manifest.json”吗?
【发布时间】:2018-02-22 12:37:59
【问题描述】:

考虑一下我有:-

  • PWA 在myapp.firebaseapp.com 和它自己的manifest.json
  • PWA 管理员myapp.firebaseapp.com/admin

是否可以为管理员 URL 设置另一个 manifest.json 以允许在同一个 PWA 上“添加到主屏幕”?

【问题讨论】:

    标签: progressive-web-apps polymer-starter-kit


    【解决方案1】:

    当然;给定页面的清单由 DOM element 的存在确定,其中包含有关清单位置的详细信息。

    假设您对/admin 和所有其他页面的 HTML 具有完全控制权,您可以在/admin 的 HTML 中包含 <link rel="manifest" href="/path/to/admin-manifest.json">,在其他页面的 HTML 中包含<link rel="manifest" href="/path/to/user-manifest.json">

    每个清单都可以包含例如不同的 start_url 值,以便将用户带到不同的初始页面。

    【讨论】:

    • 仅供参考,我正在使用 Polymer Starter Kit,它是一种 SPA(单页应用程序),从 index.html 提供一个 manifest.json。放 2 <link rel="manifest"> linking to 2 different manifest.json` 会起作用吗?
    • 我试图在我的 Angular 应用程序中做同样的事情,但只考虑第一个包含的清单,其余的被忽略。知道为什么吗?
    【解决方案2】:

    老问题,但我想添加到对话中,以防其他人通过谷歌搜索到这里 - 可以从您的清单中完全删除 start_url,默认行为应该是打开您的 PWA 到用户所在的任何页面当他将应用程序保存到设备主屏幕时打开。在我的情况下,这最终成为了一个更好的解决方案,ymmv。

    【讨论】:

    • 这也适用于单页应用程序吗? (例如 create-react-app)
    猜你喜欢
    • 2019-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多