Skip to content

Chrome:DevTools

Application

  • Frames - 여기에서 다운받아진 이미지 파일을 직접 다운받을 수 있다.

Network

캐시파일 사용 여부를 확인하는 방법

Network 탭에서 Size 컬럼을 확인하면 된다:

Chrome-devtools-network-size-sample.png

from ServiceWorker

좌측 코너에 톱니바퀴 모양이 있는데 이건 ServiceWorker로 인해 호출되었다는 의미이다.

Chrome-devtools-network-cog-sample.png

See also

Favorite site