标签: manifest.json

在 Angular 5 中添加 ServiceWorkerModule 后,PWA 显示独立和全屏不起作用

当前行为

将配置添加到应用程序模块environment.production ? ServiceWorkerModule.register('./ngsw-worker.js') : []serviceWorker在 .angular-cli.json 中启用后,我的应用程序在通过 Chrome 安装在我的设备(LG G6)display上并在我的设备上打开standalonefullscreen打开后在我的设备上设置 manifest.json 中的属性后,应用程序始终在浏览器中打开在新标签中。当我删除 Service Worker 配置(应用模块中的行)时,仅在独立或全屏模式下打开清单的应用。

预期行为

安装应用程序后,应用程序应以 stadalone 或全屏模式打开,取决于 manifest.json 中的设置值。

使用说明最小化问题的重现

我有使用 4.3 版生成并更新到 5.1.3 的应用程序,添加 @angular/service-worker 并build使用--prod. 为了为应用程序提供服务,我在我的 chrome 中使用端口转发。

清单文件

{
  "short_name": "FindPark",
  "name": "Find Nearby Car Parks",
  "start_url": "/search",

  "theme_color": "#206886",
  "background_color": "#ffffff",

  "display": "standalone",
  "orientation": "portrait",

  "icons": [
    {
      "src": "/assets/favicon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "/assets/favicon-96x96.png",
      "sizes": …
Run Code Online (Sandbox Code Playgroud)

displaymode progressive-web-apps manifest.json angular

2
推荐指数
1
解决办法
6531
查看次数

清单:忽略属性“ start_url”,其来源应与文档相同

我只是在构建一个静态HTML页面,我想使其可安装。

manifest.json

{
    "name": "YYY",
    "short_name": "YYY",
    "icons": [
        {
            "src": "android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ],
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone",
    "start_url":"index.html"
}
Run Code Online (Sandbox Code Playgroud)

index.html

<head>
    <link rel="apple-touch-icon" sizes="180x180" href="https://xxx.png">
    <link rel="icon" type="imageits-not-the-real-one/png" href="https://xxx.png"
        sizes="32x32">
    <link rel="icon" type="imageits-not-the-real-one/png"  href="https://xxx.png"
        sizes="16x16">
    <link rel="manifest"  href="https://my-manifest-its-not-the-real-one.json">
   ..
Run Code Online (Sandbox Code Playgroud)

项目结构

在此处输入图片说明

错误

清单:忽略属性“ start_url”,其来源应与文档相同。

html javascript json progressive-web-apps manifest.json

2
推荐指数
1
解决办法
4767
查看次数

public/manifest.json 文件在 Vue CLI 3.0 生成的 Vue 应用程序中真正起什么作用?

当您使用 Vue CLI 3.0 生成应用程序并选择 PWA 支持时。它生成一个public/manifest.json文件。但是,这些设置不会在元标记中使用,例如更改文件中的主题颜色manifest.json不会更改<meta name="theme-color" ...>标记。

要配置它,您必须遵循自述文件@vue/cli-plugin-pwa并在文件中添加选项vue.config.js

那么这个manifest.json文件有什么用呢?

vue.js manifest.json vuejs2 vue-cli

2
推荐指数
1
解决办法
1万
查看次数

undefined不是对象(评估'_expo.default.Constants')

我想在移动设备/模拟器上进行调试并将其动态指向API。

const {manifest} = Expo.Constants; 
const api = manifest.packagerOpts.dev
? manifest.debuggerHost.split(':').shift().concat(':3000')
: 'productionurl.com'


export function getEvents(){
    return fetch('http://${api}/events')
    .then(response => response.json())
    .then(events => events.map(e =>({ ...e, date: new Date(e.date)})));
}
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

未定义不是对象(正在评估'_expo.default.Constants')

react-native manifest.json expo

2
推荐指数
2
解决办法
2832
查看次数

在shinyapps.io中部署R app - "错误:解析清单:清单文件manifest.json校验和不匹配"

大家!

我在部署我的Shiny App时遇到了问题.部署应用程序时,我得到以下控制台输出:

Preparing to deploy application...DONE
Uploading bundle for application: 177552...DONE
Deploying bundle: 813581 for application: 177552 ...
Waiting for task: 383835116
  building: Parsing manifest
################################ Begin Task Log ################################ 
################################# End Task Log ################################# 
Error: Unhandled Exception: Child Task 383835121 failed: Error parsing manifest: Manifest file manifest.json checksum mismatch
Execution halted
Run Code Online (Sandbox Code Playgroud)

请考虑以下事实:

我该怎么做才能解决这个问题?非常感谢!如有必要,请随时向我询问更多详情.

r shiny manifest.json

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

Chrome 未读取 manifest.json 文件

我的页面中有这一行指向 manifest.json 文件:

<link rel="manifest" href="https://www.seekadventure.net/manifest.json">
Run Code Online (Sandbox Code Playgroud)

您可以在此处的 chrome 控制台中看到它未被识别:

在此处输入图片说明

他们的特殊权限等是否需要在 manifest.json 文件上设置?

html google-chrome manifest progressive-web-apps manifest.json

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

显示:“standalone”PWA 不移除地址栏

我制作了一个 PWA 应用程序,"display": "standalone"在清单中。我的理解是我的应用程序应该在没有地址栏的情况下在本地启动。但是,有一个地址栏。

我究竟做错了什么?我正在运行 Chrome 70。问题发生在 OSX 和 Linux 上。我没有检查 Windows。我的应用程序托管在https://www.themendapp.com

请指教。

manifest progressive-web-apps manifest.json

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

Chrome 89.0.4389.114 扩展程序权限(清单 V3)

我正在尝试更新 Manifest V3 的简单扩展。我一定做错了什么,因为诸如此类的简单标签permissions无法正常工作...我知道 Chrome 正在读取该节,因为如果我输入虚假权限,我会收到错误,但 about://extensions 不会没有显示contextMenus我的扩展程序的许可,即使它在那里。并且chrome.contextMenus未定义,所以我无法创建我的菜单。

Manifest V3 是否还处于半生不熟状态,尚未准备好迎接黄金时段,或者我正在做一些被默默忽略的愚蠢事情?

{
    "manifest_version": 3,
    "name": "TESS+",
    "version": "0.043",

    "description": "TESS+ -- My browser extension",

    "icons": {
        "48": "TESS+Icon.png"
    },

    "content_scripts": [
        {
            "matches": ["*://tmsearch.uspto.gov/bin/showfield*" ],
            "js": ["jquery-3.6.0.min.js", "tess+.js", "FH.js", "DateTime.js"]
        }
    ],

    "background": {
        "service_worker": "tess-bg.js"
    },

    "web_accessible_resources": [
        {
            "resources": [ "TESS+Button.png" ],
            "matches": [ "https://tsdr.uspto.gov/*" ]
        }
    ],

    "permissions": [
        "contextMenus"
    ],

    "host_permissions": [
        "http://tsdr.uspto.gov/",
        "https://tsdr.uspto.gov/"
    ]

}
Run Code Online (Sandbox Code Playgroud)

google-chrome browser-extension google-chrome-extension manifest.json

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

根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 PWA start_url

我想在用户访问登陆页面的清单中创建 start_url 。 https://example.com/1234 https://example.com/4321

这是我的php来获取整个url {{ Request::fullUrl() }} 我放在“start_url”:“{{ Request::fullUrl() }}”,它不会在json文件中获取。

我曾尝试将manifest.json更改为manifest.php,但不知道如何将json内容转换为php以使其工作。

<link rel="manifest" href="/_manifest.php?start_url=val" data-pwa-version="set_in_manifest_and_pwa_js">
Run Code Online (Sandbox Code Playgroud)

我知道这是老问题,我在互联网上搜索仍然找不到解决方案。 根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 start_url 这没有解决方案。删除 start_url 不会使 PWA 工作。

有专家可以帮助我吗?欣赏!我是编码新手,请原谅我的知识有限。

progressive-web-apps manifest.json

0
推荐指数
1
解决办法
2478
查看次数