브라우저에서 화면 css 스타일 전체 제거

프론트 개발 시 성능 등의 이유로 css 스타일의 영향도를 파악하기 위해 브라우저에서 css 전체를 한번에 제거하고 실행해보고 싶을 때가 있다. 이때 쉽게 화면에서 css 스타일을 제거할 수 있는 방법을 알아본다.

 

크롬에서 개발자도구를 실행하고, Console 탭에서 아래 명령을 입력한다. 

document.head.parentNode.removeChild(document.head)

 

참고로 크롬 개발자도구에서 위 명령을 복사붙여넣기 하면 아래와 같이 Warning이 떠서 직접 타이핑을 해야 한다.

 

크롬 개발자도구에서 위 명령을 naver에 접속하고 실행한 결과는 다음과 같다.