2016-06-22 4 views
5

우리는 아래와 같은 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 
    } 
    ] 
} 

을 함께가에 위치하고 아이콘으로 : /content/favicons/manifest.json. 그래서 우리는 이것을 다음과 같이 참조했습니다 : <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에서이 기능을 테스트했습니다. 그러나 더 많은 브라우저에서 웹 앱 매니페스트를 지원할 때이 옵션을 다시 확인해야합니다.