小编Er *_*wal的帖子

如何动态创建 PWA manifest.json?

我在 manifest.json 中使用静态变量创建了一个功能,例如:

 -  姓名
 -  简称
 -- start_url

它适用于“添加到主屏幕”。当我动态设置 manifest.json 变量时,添加到屏幕不起作用

基本上我有一个电子商务 PWA。我的要求如下:如果用户访问应用程序 url(例如: www.example.com/products/PRODUCT_NAME_A ),他应该能够根据不同的 URL 在主屏幕或他们想要的许多上创建快捷链接。

您还可以检查我迄今为止在 javascript 中所做的代码:



var domain = document.location.origin;
var currentUrl = window. location. href;

var myDynamicManifest = {
    "name": "My App",
    "short_name": "My App",
    "description": "This is my App",
    "start_url": currentUrl,
    "scope": ".",
    "background_color": "#5F6EDD",
    "theme_color": "#efbc4b",
    "orientation": "portrait",
    "display": "standalone",
    "lang": "en",
    "dir": "ltr",
    "icons": [
        {
          "src"     : domain + "/images/logo/logo_70x70.png",
          "sizes"   : "70x70",
          "type"    : "image/png"
        },
        {
          "src" …
Run Code Online (Sandbox Code Playgroud)

progressive-web-apps manifest.json

4
推荐指数
1
解决办法
5740
查看次数