크롬 개발자 모드 저장 방법

 

구글의 크롬 브라우저에서 웹 사이트를 개발자 도구를 통해 수정을 했다면

화면에 나타나지만 창을 끄면 저장이 되지 않는다.

 

일단 남의 홈페이지는 저장이 될리 없고(서버 접근 권한이 없으므로)

내가 작업중인 개발 내역 환경에 해당되는 내용이니 참고~

 

우선 크롬 개발자 도구를 켠 다음, (단축키 : Shift+Ctrl+i)

Sources > Overrides > + Select folder for overrides 선택

 

 

그러면 요렇게 폴더 선택 창이 뜬다.

 

이것은 내가 작업한 개발 내역을 저장할 경로를 선택하는 과정이다.

경로 폴더를 선택하면 창 위쪽에 팝업으로 액세스 허용하라고 뜸. 파란 버튼 "허용" 클릭

 

 

그다음엔 다시 element로 돌아가 개발 소스들을 수정한다.

다 수정이 되었다면 해당 소스 Sources 에 있는 해당 파일 위를 오른쪽 클릭해서 "Save for overrides" 선택

(Sources > Page > 해당 파일 선택)

 

 

그러면 아까 지정해둔 폴더에 해당 파일이 저장된다.(내 로컬에)

일단 이렇게 저장하게 되면 구글 브라우저는 원래 참조했던 경로가 아니라 내가 직접 저장한 파일을 불러온다.

반대로 Sources > Overrides 에 등록한 폴더 경로 혹은 그 파일을 지우면? 애초의 페이지 경로로 다시 원상복구.