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
'Development Tip' 카테고리의 다른 글
위치 인수 대 키워드 인수 (0) | 2020.11.23 |
---|---|
사전 구현에 가장 적합한 데이터 구조? (0) | 2020.11.23 |
WPF 프로그래밍 방법론 (0) | 2020.11.23 |
getLocationOnScreen () 대 getLocationInWindow () (0) | 2020.11.23 |
Go를 사용하여 JSON 응답을 제공하는 방법은 무엇입니까? (0) | 2020.11.23 |