如何使用元标记在 manifest.json 文件中添加 Urls 和 web_Urls

Question

我正在创建一个渐进式网络应用程序，我需要使用元标记在 manifest.json 文件中添加当前 URL。

我创建了这个 manifest.json:

{
 "name": "app",

  "icons": [{
    "src": "images/avatar.jpg",
    "sizes": "64x64"

  }, {
    "src": "images/avatar.jpg",
    "sizes": "64x64"
    }, {
    "src": "images/avatar.jpg",
    "sizes": "128x128",
    "density": 2
   }],
   "app": {
    "urls": [
           "https://www.example.com"
           ],
    "launch": {
          "web_url": "https://www.example.com"
  }
 }
  "theme_color":"#06ADD5",
  "display": "standalone",
 "orientation": "portrait"
}

上面的 JSON 在静态 URL 和网络 URL 中工作正常，但我想让它作为动态 URL 工作（例如：www.example.com/<PRODUCT_ID>)

Answer 1

即JSON不遵守Web App Manifest specification, which is what's currently used by Chrome and Firefox for metdata when adding a web app to a device's homescreen. Specifically, you'd want to use the start_url property指定初始URL开启。

无论如何，根据某些标准自定义 /path/to/manifest.json 内容的问题归结为您通常如何在 return 之前对任何资源进行服务器端自定义给客户。您可以传入一个 URL 参数，例如 /path/to/manifest.json?start_url=*something*，然后让您的 Web 服务器 return 根据 JSON 响应中的不同 start_url 值某物是。

如果您无法实现服务器端逻辑，可能是因为您只是部署静态文件并对所有内容使用客户端呈现，那么最好的办法是在之前生成多个 manifest-*something*.json 文件时间，每个都有不同的 start_url 值，然后根据对您有意义的任何标准，在每个页面上设置 <link rel="manifest"> 标记以指向适当的 manifest-*something*.json URL .

如何使用元标记在 manifest.json 文件中添加 Urls 和 web_Urls

how to add Urls and web_Urls in manifest.json file using meta Tag

javascript

angularjs

progressive-web-apps