[html] 테스트 목적으로 브라우저에서 CSS를 비활성화하는 방법

Firefox (Win 및 Mac)

• 메뉴 도구 모음을 통해 “보기”> “페이지 스타일”> “스타일 없음”을 선택합니다.
• 웹 개발자 도구 모음을 통해 “CSS”> “스타일 비활성화”> “모든 스타일”을 선택합니다.

웹 개발자 도구 모음이 설치되어있는 경우 다음 키보드 단축키를 사용할 수 있습니다. Command+ Shift+ S(Mac) 및 Control+ Shift+ S(Win)

• Safari (Mac) : 메뉴 도구 모음에서 “개발”> “스타일 비활성화”를 선택합니다.
• Opera (Win) : 메뉴에서 “페이지”> “스타일”> “사용자 모드”를 선택합니다.
• Chrome (Win) : 톱니 바퀴 아이콘을 통해 “CSS”탭> “모든 스타일 비활성화”를 선택합니다.
• Internet Explorer 8 : 메뉴 도구 모음을 통해 “보기”> “스타일”> “스타일 없음”을 선택합니다.
• Internet Explorer 7 : IE 개발자 도구 모음 메뉴를 통해 : 비활성화> 모든 CSS
• Internet Explorer 6 : 웹 접근성 도구 모음을 통해 “CSS”> “CSS 비활성화”를 선택합니다.

답변

var el=document.getElementsByTagName('*');for(var i=0;i<el.length; i++){if (el[i].getAttribute("type")=="text/css") el[i].parentNode.removeChild(el[i]); };

<a href="javascript: var el = document.querySelectorAll('style,link');
         for (var i=0; i<el.length; i++) {
           el[i].parentNode.removeChild(el[i]);
         };">
  Remove Styles
</a>