Javascript 读取清单中的内容

我正在使用angular创建一个项目。我正在尝试使用angular progressive web应用程序的功能。该应用程序运行完美。现在我想了解一种情况，我需要从清单文件中读取值，但我不知道如何实现这一点

{
  "name": "xxxxx",
  "short_name": "xxxxxx",
  "theme_color": "xxx",
  "background_color": "xxx",
  "display": "standalone",
  "scope": "./",
  "start_url": "./index.htm",
  "icons": [
    {
      "src": "assets/images/xxxx.png",
      "sizes": "76x76",
      "type": "image/png"
    },
    {
      "src": "assets/images/xxxx.png",
      "sizes": "120x120",
      "type": "image/png"
    },
    {
      "src": "assets/images/xxx.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "assets/images/xx.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "assets/images/xxx.png",
      "sizes": "168x168",
      "type": "image/png"
    },
    {
      "src": "assets/images/xxxx.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/images/xx.png",
      "sizes": "640x640",
      "type": "image/png"
    }
  ]
}

您可以在（应用程序）组件中执行此操作：

  constructor(
      private readonly httpClient : HttpClient
    ) {
      this.httpClient
        .get<any>('manifest.webmanifest')
        .subscribe( o => {
             console.info(o);
         });

构造函数(
私有只读httpClient:httpClient
) {
这个是.httpClient
.得到