Programming/Chrome

[Chrome] 개발자 도구 - 요소 숨김 처리 단축키

가가가가가가 2023. 11. 24. 22:45
반응형

● 요소 선택 + H

    - ex : 빨강 > 노랑 > 초록 div 에서 노란색 div 선택 후 H를 눌렀을 때

    - __web-inspector-hide-shortcut__ 이라는 class가 추가되면서 숨김 처리가 됨

H 누르기 전
H 누른 후

 

    - 스타일 탭에서 __web-inspector-hide-shortcut__ class의 스타일은 visibility : hidden !important; 라는 것을 확인 가능

 

    - __web-inspector-hide-shortcut__

        · Chrome에서만 사용되는 class

        · Edge에서 단축키는 동일하며,  microsoftStartLogo __web-inspector-hide-shortcut__라는 class가 추가됨

 

참고

반응형