Chrome : 리소스 / 요소 검사를 볼 수있는 키보드 단축키?

Chrome에는 페이지 요소를 클릭하고 "요소 검사"를 선택하는 Firebug와 유사한 기능이 있습니다.

항상 리소스 요청으로 이동하여 HTTP 요청을 봅니다.

이 도구를 여는 키보드 단축키가 있습니까?

google-chrome

— 솔직한
소스

공식 문서 및보다 유용한 단축키 : Chrome 개발자 도구 : 키보드 단축키

— Michal Mau

유용한 정보는 다음과 같습니다. code.google.com/chrome/devtools/docs/overview.html

— Furkan Ekinci

또한 F12는 Ubuntu의 Chrome에서 요소 검사 창을 표시합니다

— dylan murphy

답변:

방금 Ctrl+ Shift+ I및 Ctrl+ Shift+가 C작동 한다는 것을 알았습니다 . 방화범처럼.

OS X에서는 Command+ Option+ I또는 Command+ Shift+ C입니다.

— 러스티 데브
소스

감사합니다 horizens-내가 찾던 것. 동의, 검사관은 너무 좋아서 더 이상 Firebug가 필요하지 않습니다. 부 바이, FF.

— shacker

내 대답을 변경했습니다 ... Firefox와 동일한 단축키를 사용하는 것이 좋습니다.

— frankadelic

Cmd / Ctrl + Shift + C는 상황에 맞는 메뉴를 탐색하지 않고 검사 할 특정 요소를 선택할 수 있기 때문에 매우 유용합니다. developers.google.com/chrome-developer-tools/docs/shortcuts

— Jo Liss

이 키보드 단축키를 변경하는 방법을 아는 사람이 있습니까? Firebug에서는 바로 가기를 구성 할 수 있습니다. 크롬인데 딱딱한 것 같습니다. 이유는 드보락 키보드 레이아웃을 사용하고 C 키는 왼쪽에서 멀리 떨어져 있습니다.

— Michael Butler

실제로 N을 누른 상태에서 페이지 어딘가를 마우스 오른쪽 버튼으로 클릭하면 검사 창이 열리고 tnnnnnnnnhe 페이지에서 클릭 한 코드 조각으로 이동합니다. 방금 이것을 발견했습니다.

— 새긴 금
소스

당신의 오타가 의도 치 않게 재미있다 :)

— frankadelic

OP가 일반 창만 원하더라도 페이지의 특정 지점에 +1합니다. 마우스를 팝업 메뉴 아래로 이동하지 않고도 마우스를 그대로두면 호버 문제에 유용합니다.

— goodeye

@goodeye 참고 : 또한 요소 상태 토글 (화살표가있는 점선 상자) 아이콘을 클릭하여 호버를 시뮬레이션 할 수 있습니다. state "

— Myster 2016 년

세상에, 나는 항상 마우스 오른쪽 버튼을 클릭하고 "요소 검사"를하고있었습니다.

— shriek 2018 년

@Myster, Nice tip, Btw는 토글 장치 모드의 크기 만 조정합니까?

— Pacerier

Ctrl+ Shift+ I는 개발자 도구를 열어 마지막 섹션으로 이동합니다. 리소스 섹션에서 마지막에 있으면 리소스가 표시됩니다.

컨텍스트 (예 : 마우스의 위치)에 따라 Inspect Element 전용 키보드 단축키가 있다고 생각하지 않습니까?

— 미스터 화이트
소스

Frankadelic은 실제로 개발자 도구를 열어 요소 패널이 아닌 리소스 패널에 액세스하려고하므로 Ctrl + Shift + I를 사용하는 것이 좋습니다. 개발자 도구를 왼쪽과 같은 방식으로 엽니 다. (Chrome의 상황에 맞는 메뉴에는 옵션이 거의 없으므로 마우스 오른쪽 버튼을 클릭하면 요소를 검사 하면 사람들이 마우스를 통해 개발자 도구에 액세스하는 것이 일반적입니다.)

— Bavi_H

Bavi_H 맞습니다.

— frankadelic