Development Tip

Chrome 개발자 패널에 요소 선택기에 대한 키보드 단축키가 있습니까?

yourdevel 2020. 11. 23. 20:18
반응형

Chrome 개발자 패널에 요소 선택기에 대한 키보드 단축키가 있습니까?


Chrome 개발자 패널에서이 도구는 ...

여기에 이미지 설명 입력

요소를 선택하고 DOM보기에서 요소로 직접 이동하고 해당 CSS 속성을 볼 수 있습니다.

Safari에는 동일한 도구가 있습니다.

해당 도구를 활성화하는 키보드 단축키가 있습니까 (패널을 연 후)?


요소 검사 모드 및 브라우저 창을 열거 나 전환하려면 다음을 수행 할 수 있습니다.

  • Mac에서- + Shift+C

  • Windows / Linux- Ctrl+ Shift+ C또는F12

더 유용한 키보드 단축키는 개발자 도구 문서를 참조하십시오 .


단축키는 Ctrl+ Shift+ C( 소스 )입니다.

웹 페이지의 요소를 마우스 오른쪽 버튼으로 클릭하고을 클릭 할 수도 있습니다 Inspect element.


Ctrl + Shift + C는 Linux에서도 마찬가지입니다.


Windows 및 Linux에서 하단에 "요소 검사"창을 표시하려면 :

  • 다음 중 하나를 사용할 수 있습니다. Ctrl+ Shift+C

  • 또는 다음을 사용할 수 있습니다. F12

일반적으로 웹 페이지의 요소를 마우스 오른쪽 단추로 클릭하고을 클릭 할 수 있지만 Inspect element페이지에 JavaScript가있는 경우 해당 페이지에서 오른쪽 클릭을 비활성화하는 이러한 키보드 단축키를 아는 것이 유용합니다.


Mac에서는 + +를 사용할 수 있습니다.I

이것이 나를 위해 일하는 것입니다.

다음은 이러한 모든 바로 가기를 찾을 수있는 리소스입니다. https://developers.google.com/web/tools/chrome-devtools/shortcuts

참고 URL : https://stackoverflow.com/questions/11833165/in-the-chrome-developer-panel-is-there-a-keyboard-shortcut-for-the-element-sele

반응형