Web app manifests

Experimental: 이 기능은 실험적인 기능입니다.
프로덕션 환경에서 사용하기 전에 브라우저 호환성 표를 주의 깊게 확인하세요.

{
 "name": "HackerWeb",
 "short_name": "HackerWeb",
 "start_url": ".",
 "display": "standalone",
 "background_color": "#fff",
 "description": "A simply readable Hacker News app.",
 "icons": [
 {
 "src": "images/touch/homescreen48.png",
 "sizes": "48x48",
 "type": "image/png"
 },
 {
 "src": "images/touch/homescreen72.png",
 "sizes": "72x72",
 "type": "image/png"
 },
 {
 "src": "images/touch/homescreen96.png",
 "sizes": "96x96",
 "type": "image/png"
 },
 {
 "src": "images/touch/homescreen144.png",
 "sizes": "144x144",
 "type": "image/png"
 },
 {
 "src": "images/touch/homescreen168.png",
 "sizes": "168x168",
 "type": "image/png"
 },
 {
 "src": "images/touch/homescreen192.png",
 "sizes": "192x192",
 "type": "image/png"
 }
 ],
 "related_applications": [
 {
 "platform": "play",
 "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb"
 }
 ]
}

<link rel="manifest" href="/manifest.webmanifest" />

참고 : .webmanifest 확장자는 명세의 Media type registration 구획에 정의(매니페스트 파일의 응답은 Content-Type: application/manifest+json을 반환해야 함)되어 있습니다. 브라우저는 .json과 같은 기타 적절한 확장자도 지원합니다. (Content-Type: application/json).

참고 : 매니페스트를 가져오려면 인증 정보가 필요한 경우, 매니페스트 파일이 현재 페이지와 동일한 출처에 위치하더라도 반드시 crossorigin 특성을 use-credentials로 지정해야 합니다.

Help improve MDN

This page was last modified on ⁨2025년 10월 9일⁩ by MDN contributors.