반응형
Local Overrides
https://developers.google.com/web/updates/2018/01/devtools#overrides
크롬 65 업데이트 명세를 읽던 중 슈퍼어썸한 걸 발견해서 포스팅 한다.
이제 로컬에서 데브툴을 통해 CSS 수정한 것도 새로고침 할 때 날아가지 않도록 설정할 수 있게 됐다! (몇 가지 예외사항을 제외하고)
어떻게 동작하는가?
- DevTools에서 변경 사항을 저장 해야하는 디렉토리를 지정합니다.
- DevTools에서 변경을 수행하면 DevTools는 수정 된 파일의 사본을 디렉토리에 저장합니다.
- 페이지를 다시 로드하면 DevTools는 네트워크 리소스 대신 로컬의 수정 된 파일을 제공합니다.
설정 방법
- Sources 패널을 연다.
- Override 탭을 연다.
- [+ Select folder for override] 을 눌러서 스타일 파일이 있는 폴더를 선택한다.
- 브라우저 상단에 DevTools가 파일을 읽어오는 것을 허락하는지 물을 때 [허용] 한다.
- 스타일을 고친다.
- local overrides 를 해제하고 싶으면 아래 체크박스를 해제하면 된다.
반응형
'개발일지 > Web' 카테고리의 다른 글
[Chrome] 크롬에서 video 태그와 관련된 이슈들 (0) | 2018.12.19 |
---|---|
[Chrome] Dev Tool > Audits (Lighthouse) (0) | 2018.05.03 |
[Chrome 62] Add a default border-radius to <button> -> ver.63 revert (0) | 2018.03.15 |
[Dev] 내부 운영 툴 개선 프로젝트 (0) | 2018.01.01 |
[Dev] jekyll 테크 블로그 스타일 커스텀 (0) | 2017.06.18 |