댓글 검색 목록

[Nodejs] 한 번에 페이지에서 모든 CSS를 제거하는 방법

페이지 정보

작성자 운영자 작성일 20-04-15 08:55 조회 657 댓글 0

CSS없이 페이지가 어떻게 보이는지 보고 싶었습니다.


내가 아는 한 가지 방법은 DevTools를 여는 것입니다. 소스 패널에 CSS 파일 목록이 표시됩니다. 

CSS 파일의 내용을 제거하면 페이지가 변경됩니다. 예를 들어 여기 내 사이트가 있습니다.


3 개의 CSS 파일이 있으며 하나의 전체 내용을 삭제 할 수 있습니다.


Screenshot%202020-04-06%20at%2017.27.38.jpg 


CSS가 제거되어 페이지가 변경됩니다.


Screenshot%202020-04-06%20at%2017.28.50.jpg 


이것은 브라우저의 CSS 버전 만 변경하며 파일이 로컬 인 경우에도 파일과 상호 작용하지 않습니다.


그러나 오늘날 일부 사이트는 CSS를 스타일 태그 (내 것을 포함하여)에 포함 시키고 일부 사이트에는 수많은 CSS 파일이 흩어져 있어 실용적이지 않습니다.


콘솔을 열고 다음 명령을 실행하십시오.


document.querySelectorAll('style,link[rel="stylesheet"]').forEach(item => item.remove())


인라인 및 연결된 CSS를 모두 제거합니다.




댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.