PWA Progressive Web App manifest.json setting

manifest.json

 

• short_name: 사용자의 홈 화면 또는 실행기와 유사하게 아이콘 내에서 사용되는 애플리케이션의 이름 정의

• name: 시작 화면 및 프롬프트에서 앱 스토어 또는 브라우저에 표시되는 이름. 경우에 name속성이 생략되어 short_name표시된다.

• icons: 사용자의 홈 화면, 실행기, 작업 전환기, 스플래시 화면 등에 표시되는 아이콘 집합 (또는 하나의 아이콘)

• start_url: 사용자가 시작할 때 볼 수있는 애플리케이션 페이지의 URL

• display:이앱은 주소 표시 줄을 치우고, 새 창에서 실행하고, 전체 화면으로 이동할 수 있다.

• fullscreen: 브라우저 UI없이 앱을 열 수 있으며 사용자 기기의 전체 화면을 차지할 수 있다.

• standalone: 사용자가 기본 앱처럼 새 창에서 앱을 실행할 수 있다. 또한 주소 표시 줄과 같은 브라우저 UI 구성 요소를 숨긴다.

• minimal-ui: 뒤로버튼 또는 새로고침 버튼을 포함하여 최소한의 브라우저 UI가 제공된다.

• browser: 일반 브라우저 환경을 허용한다.

• theme_color:응용 프로그램의 도구 모음 색상을 정한다.

• background_color: 사용자가 홈 화면에서 앱 아이콘을 클릭 할 때 표시되는 스플래시 화면의 색상

 

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

register serviceWorker 

서비스 워커 등록하기

serviceWorker.register();