2016-06-22 8 views
5

私たちは以下のようなmanifest.jsonファイルを使用している:/content/favicons/manifest.json:それはに位置したアイコンと一緒manifest.jsonの相対パスを使用してルートの外に置くことはできますか?

{ 
    "name": "Our app", 
    "description": "Our app description", 
    "short_name": "our-app", 
    "icons": [ 
    { 
     "src": "/content/favicons/android-chrome-36x36.png", 
     "sizes": "36x36", 
     "type": "image/png", 
     "density": 0.75 
    }, 
    { 
     "src": "/content/favicons/android-chrome-48x48.png", 
     "sizes": "48x48", 
     "type": "image/png", 
     "density": 1 
    }, 
    { 
     "src": "/content/favicons/android-chrome-72x72.png", 
     "sizes": "72x72", 
     "type": "image/png", 
     "density": 1.5 
    }, 
    { 
     "src": "/content/favicons/android-chrome-96x96.png", 
     "sizes": "96x96", 
     "type": "image/png", 
     "density": 2 
    }, 
    { 
     "src": "/content/favicons/android-chrome-144x144.png", 
     "sizes": "144x144", 
     "type": "image/png", 
     "density": 3 
    }, 
    { 
     "src": "/content/favicons/android-chrome-192x192.png", 
     "sizes": "192x192", 
     "type": "image/png", 
     "density": 4 
    } 
    ] 
} 

を。だから私たちはこのように参照しました:<link rel="manifest" href="/content/favicons/manifest.json">

私はmanifest.jsonファイルに関する多くの研究を行いました。ウェブ上のすべてのコンテンツは、すべてのファイルがルートフォルダにある場合私たちは望んでいません。私たちはそれをきれいに保つ必要があるので、私たちはすべてのfavicon関連のもののために新しいフォルダを導入しました。これが許可されている場合とSRCパス(例えば"src": "/content/favicons/android-chrome-48x48.png")は相対的または絶対的である必要がある場合

問題です。したがって、のsrcパスはこの設定になるはずですか?

答えて

3

TL; DR相対パスと絶対パス作業

の両方を使用すると、以下のファイルがあるとします。

<link rel="manifest" href="/content/favicon/manifest.json">

manifest.jsonを参照android-chrome-192x192.png

  • /index.htmlを参照
    • /content/favicon/android-chrome-192x192.png
    • /content/favicon/manifest.json、次に対応する

      • /content/favicon/android-chrome-192x192.png(すなわち:manifest.jsonsrc属性は次のように設定することができます。絶対パス)。これはfavicon compatibility test of RFGで完全に公開されています(私はこのサイトの著者です)。
      • android-chrome-192x192.png(すなわち、相対パス)。私はAndroid Chrome 51でこれをテストしましたが、Webアプリケーションマニフェストをサポートするブラウザが増えているため、このオプションを再度チェックする必要があります。
  • 関連する問題