크롬 개발자 도구에서 Service Worker 상태 정보 보기

Viewing Service Worker Status Information in Chrome Developer Tools

 

Step 1 : 서비스 워커를 사용하는 웹페이지 접속 ( Web page access using service worker )

 

Step 2: 크롬 개발자 도구 열기 ( Open chrome developer tools )

 

Step 3 : $ navigator.serviceWorker; 명령어 입력 ( Enter command )

$ navigator.serviceWorker;

 

ex)

1: 명령어 입력

2: active 된 서비스 워커 주소

 

응용 :

sw.scriptURL : 서비스 워커를 설정한 파일 주소

• 팁 : 서비스 워커 주소에 버전 정보를 넣어서 갱신하는 방법이 있다.

참고 : https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker/scriptURL