6

manifest.jsonでアイコンを指定するにはどうすればよいですか?いくつかは配列を使用し、あるものは辞書を使用するように見えます。たとえば、次のようにmanifest.jsonにアイコンを指定する方法は?

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

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

しかし、このソースでは、彼らはこのようにそれを使用する:私はChromeの拡張機能として、私のWebアプリをインストールしよう、と私は後者の形式を使用している場合

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" 
    } 
    ], 

、私はこのエラーを取得する:

だから私は、私が最初にFOを使用する必要があると思いますそれのために、rmat。しかし、私がアンドロイドでプログレッシブウェブアプリとして自分のアプリをインストールしようとすると、後のフォーマットが必要と思われる...

+0

「web-apps」=「chrome-apps」≠「chrome-extensions」です。あなたは何をしようとしているのですか? – Teepeemm

+0

@Teepeemmだから私はWebアプリケーションを持っています。ちょうどウェブサイト私はあなたが言うことができると思う、ちょうどURL、人々はブラウザで入力することができます。だから私は人々にアンドロイドで家にこれをインストールして欲しい。しかし、私はChromeウェブストアでもそれを望んでいます。 https://developer.chrome.com/webstore/get_started_simple >ウェブアプリがありますか?このチュートリアルに従って、既存のウェブアプリをChromeウェブストアに追加します。 このリンクに従う – Kasper

+0

これはAndroidとどう関連していますか?不要なタグを削除してください。 –

答えて

9

短い答えは両方が必要です。それらは異なる目的のために使用され、異なる場所に住む2つの異なるマニフェストファイルです。

Chromeウェブストアでは、getting started tutorialの後にコンピュータにローカルマニフェストを作成します。そのマニフェストとアイコンイメージがzipファイルに追加され、ストアにアップロードされます。 installable web appsについては

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

あなたは、マニフェストファイルを作成する必要があり、画像と一緒にあなたのウェブサイトにアップロードして、あなたのウェブサイト上のマニフェストにリンクするHTMLページを更新します。

"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" 
    } 
    ] 
+0

manifest.jsonをルートに置かないでください。 manifest.jsonとアイコンを 'content/icons/.. 'に配置しました。その後、どのようなアイコンsrcになりますか? –

+0

'src'は' manifest.json'があるディレクトリからの相対パスです。ですから 'img'にimg' foo.png'がある場合は '' src ":" img/foo.png "'を使うよりもそうです。 – abraham