웹 앱 매니페스트 , web app manifest

less than 1 minute read

웹 앱 매니페스트 , web app manifest

앱 캐시용 매니페스트와 다르다.

<code style="box-sizing: inherit; background-image: initial; background-position: 0px center; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(55, 71, 79); font-stretch: normal; font-size: 14px; line-height: 1; font-family: &quot;Roboto Mono&quot;, monospace; word-break: normal;">&lt;link rel="manifest" href="/manifest.json"&gt;

위와 같이 표시하며

<code style="box-sizing: inherit; background-image: initial; background-position: 0px center; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(55, 71, 79); font-stretch: normal; font-size: 14px; line-height: 1; font-family: "Roboto Mono", monospace; word-break: normal;">{  
  "short_name": "AirHorner",<br style="box-sizing: inherit;"></br>  "name": "Kinlan's AirHorner of Infamy",<br style="box-sizing: inherit;"></br>  "icons": [<br style="box-sizing: inherit;"></br>    {<br style="box-sizing: inherit;"></br>      "src": "launcher-icon-1x.png",<br style="box-sizing: inherit;"></br>      "type": "image/png",<br style="box-sizing: inherit;"></br>      "sizes": "48x48"<br style="box-sizing: inherit;"></br>    },<br style="box-sizing: inherit;"></br>    {<br style="box-sizing: inherit;"></br>      "src": "launcher-icon-2x.png",<br style="box-sizing: inherit;"></br>      "type": "image/png",<br style="box-sizing: inherit;"></br>      "sizes": "96x96"<br style="box-sizing: inherit;"></br>    },<br style="box-sizing: inherit;"></br>    {<br style="box-sizing: inherit;"></br>      "src": "launcher-icon-4x.png",<br style="box-sizing: inherit;"></br>      "type": "image/png",<br style="box-sizing: inherit;"></br>      "sizes": "192x192"<br style="box-sizing: inherit;"></br>    }<br style="box-sizing: inherit;"></br>  ],<br style="box-sizing: inherit;"></br>  "start_url": "index.html?launcher=true"<br style="box-sizing: inherit;"></br>}

이와 같은 내용을 가지고 있다.

스마트 폰에서 웹페이지를 앱 처럼 사용하기위해서 제공하는 것이다.



🔗original-link

Updated: