Chrome 개발자 도구 단축키

개발자 도구 열기

 

• Ctrl + Shift + I / F12 : 개발자도구 열기
• Ctrl + Shift + C : element 선택 상태로 개발자 도구 열기
• Ctrl + Shift + J : console 탭 선택 상태로 개발자도구 열기 / 한 번 더 누르면 개발자도구 하나 더 열기

공통 패널 단축키

 

• F1 / ? : General Settings 다이얼로그 열기
• Ctrl + ] : 다음 패널
• Ctrl + [ : 이전 패널
• Ctrl + Shift + E : 선택된 소스코드 실행(실행시킬 소스코드를 마우스 드래그로 선택, 실행 시 Console 패널에 표시)
• Ctrl + Shift + F : 전역 검색( 모든 파일에서 일치하는 텍스트 검색 )
• Ctrl + O 파일 명으로 찾기
• Ctlr + 1 ~ Ctrl + 9 : 숫자에 해당하는 순서의 패널로 이동

( Settings Preferences > Apperarance > Enable Ctrl + 1-9 shourcut .. 기능이 활성화 되어야 함 )

Elements

 

• H : 선택된 요소 숨기기
• F2 : HTML 수정 모드
• 엘리먼트 선택 후 Enter : 값 수정
• Tab : 엘리먼트에서 다음 속성 선택
• Ctrl + Enter : HTML 수정 모드에서 값 수정 후 적용

Sources

 

• Ctrl + G : 라인번호 이동
• Ctrl + / : 주석 toggle
• F8 / Ctrl + \ : Pause / Resume
• F10 / Ctrl + ' : Step over
• F11 / Ctrl + ; : Step into
• Shift + F11 / Ctrl + Shift + ; : Step out
• Ctrl + B / 해당라인 클릭 : BreakPoint toggle
• Ctrl + O / Ctrl + P : 파일이름으로 찾기
• Ctrl + Shift + O : 멤버명(Object)으로 찾기

기타

 

• Shift + ESC : Chrome 작업관리자 열기
• (pause 버튼 상태값)

검은색 - 예외 발생시 멈추지 않음
파란색 - 모든 예외 발생시 멈춤
보라색 - catch 되지 않은 예외 발생시에만 멈춤

출처 : https://bloodguy.tistory.com/entry/Chrome-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC-%EB%8B%A8%EC%B6%95%ED%82%A4-%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9A%A9