2016-06-22 25 views
5

Chúng tôi đang sử dụng một tập tin manifest.json như hình dưới đây:Có được phép sử dụng đường dẫn tương đối cho manifest.json và đặt nó bên ngoài thư mục gốc không?

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

Cùng với các biểu tượng nó nằm ở: /content/favicons/manifest.json. Vì vậy, chúng tôi đã tham khảo nó như sau: <link rel="manifest" href="/content/favicons/manifest.json">

Tôi đã nghiên cứu rất nhiều về tệp manifest.json và tất cả nội dung trên web chỉ giải thích cách xử lý, nếu tất cả các tệp của bạn nằm trong thư mục gốc. chúng tôi không muốn. Chúng ta cần giữ nó sạch sẽ, vì vậy chúng tôi đã giới thiệu một thư mục mới cho tất cả những thứ liên quan đến favicon.

Câu hỏi đặt ra là nếu điều này là trái phép và nếu src đường dẫn (ví dụ "src": "/content/favicons/android-chrome-48x48.png") cần phải được tương đối hoặc tuyệt đối. Vì vậy, đường dẫn src là gì trong thiết lập này?

Trả lời

3

TL; DR đường dẫn tương đối và tuyệt đối cả việc

Giả sử bạn có các tập tin sau đây:

  • /content/favicon/android-chrome-192x192.png
  • /content/favicon/manifest.json, có sự tham khảo android-chrome-192x192.png
  • /index.html, có sự tham khảo manifest.json với <link rel="manifest" href="/content/favicon/manifest.json">

Sau đó, tương ứng src thuộc tính của manifest.json có thể được thiết lập để:

  • /content/favicon/android-chrome-192x192.png (tức. đường dẫn tuyệt đối). Đây là những gì bạn có thể kiểm tra với favicon compatibility test of RFG (tiết lộ đầy đủ: Tôi là tác giả của trang web này).
  • android-chrome-192x192.png (ví dụ: đường dẫn tương đối). Tôi vừa thử nghiệm điều này với Android Chrome 51. Tuy nhiên, tùy chọn này sẽ được kiểm tra lại khi nhiều trình duyệt hỗ trợ tệp kê khai ứng dụng web hơn.
Các vấn đề liên quan