본문 바로가기

chrome

Chrome - 캐시에 있는 이미지 저장 Chrome 브라우저의 캐시에 있는 이미지를 저장해야 할 때가 있다. 나의 경우, 주로 지금 보고 있는 웹페이지에 있는 다량의 이미지를 다운로드 하고 싶은 경우다.아래 링크의 ChromeCacheView 를 다운로드 받아서 사용하면 된다.ChromeCacheView 홈페이지 ChromeCacheView 다운로드한글로 사용하고 싶으면, 아래 링크의 한글 언어 파일을 받아서 ChromeCacheView 실행 파일과 동일한 폴더에 두면 된다.한글 언어팩 다운로드ChromeCacheView 를 실행하면 캐시에 있는 파일의 목록이 주르륵 나온다. 목록에서 저장을 원하는 파일을 선택한 다음에 File > Copy Selected Cache Files To... 메뉴를 클릭하거나, 툴바의 세번째 버튼을 클릭하면 원하.. 더보기
Chrome DevTools - 팝업창 닫힘 제한하기 팝업창에서 수행되는 작업을 추적해야 하는데 완료 후 자동으로 팝업이 닫히는 작업인 경우 난감합니다.이럴 때는 윈도우의 닫기 이벤트에 브레이크 포인트를 겁니다.팝업창에서 개발자 도구를 띄운 후, source 탭에서 화면 우측에 있는 Event Listener Breakpoints에서 window > close 이벤트를 체크하면 됩니다. EOF 더보기
Chrome DevTools - 네트워크 정보를 저장하고 나중에 보기 웹 개발을 하다 보면 서버와의 통신을 기록하고 이를 나중에 참고해야 할 때가 있는데요. 이럴 때 유용한 기능이 Chrome DevTools에 있습니다.Network 패널을 열고 통신을 기록한 행을 우클릭하면 "Save as HAR with content" 메뉴가 있습니다. 이를 클릭하면 HAR(HTTP Archive) 형식으로 패널 안의 전체 통신 내역을 저장할 수가 있습니다. 이렇게 저장한 HAR 파일은 크롬 확장인 HTTP Archive Viewer를 이용해서 나중에 다시 볼 수 있습니다. HTTP Acrhive Viewer의 Load 탭에서 HAR 파일을 열면 됩니다.네트워크 패널의 활용법은 아래 링크를 참고하세요. 리소스 로드 시간 측정 EOF 더보기