Chrome:DevTools
Application
- Frames - 여기에서 다운받아진 이미지 파일을 직접 다운받을 수 있다.
Network
캐시파일 사용 여부를 확인하는 방법
Network 탭에서 Size 컬럼을 확인하면 된다:
Chrome-devtools-network-size-sample.png
from ServiceWorker
- javascript - "Status Code:200 OK (from ServiceWorker)" in Chrome Network DevTools? - Stack Overflow
- http - What is the circle icon in Chrome's Network tab? - Server Fault
- web worker - Name with gear icon in Chrome network requests table - Stack Overflow
좌측 코너에 톱니바퀴 모양이 있는데 이건 ServiceWorker로 인해 호출되었다는 의미이다.
Chrome-devtools-network-cog-sample.png