web-dev-qa-db-ja.com

マニフェスト.jsonでアイコンを指定する方法は?

維持.jsonでアイコンを指定する方法は?配列を使用するものもあれば、辞書を使用するものもあるようです。例えば:

https://developer.chrome.com/webstore/get_started_simple

"icons": {
   "128": "icon_128.png"
},

しかし、このソースでは、次のように使用しています。

https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android?hl= en

  "icons": [
    {
      "src": "launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],

Webアプリをchrome拡張機能としてインストールしようとし、後者の形式を使用すると、次のエラーが発生します。

そのため、最初の形式を使用する必要があると思います。ただし、Androidにプログレッシブウェブアプリとしてアプリをインストールしようとすると、後の形式が必要になるようです...

8
Kasper

簡単に言えば、両方が必要です。これらは、異なる目的で使用され、異なる場所に存在する2つの異なるマニフェストファイルです。

Chrome Webストアの場合、 チュートリアルの開始 に従って、コンピューター上にローカルにマニフェストを作成します。そのマニフェストとアイコン画像はZipファイルに追加されます。ストアにアップロードされました。

"icons": {
  "128": "icon_128.png"
}

インストール可能なWebアプリ の場合、マニフェストファイルを作成し、画像と一緒にWebサイトにアップロードしてから、HTMLページを更新してWebサイトのマニフェストにリンクする必要があります。

  "icons": [
    {
      "src": "launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
11
abraham