[단축키] 크롬(Chrome) 개발자 도구

1️⃣ 개발자 도구 열기

• Elements 패널 열기/닫기 : `F12`
• Elements 패널 열기 : `Ctrl + Shift + I`
• Console 패널 열기 : `Ctrl + Shift + J`
• 요소 선택 모드 열기 : `Ctrl + Shift + C`
• 위치 전환 : `Ctrl + Shift + D`

      ※ 이전 설정 위치로 전환(새 창, 왼쪽/오른쪽, 하단)

2️⃣ 패널 공통

• Settings 다이얼로그 열기 : `F1`, `?`
• 다음 패널 : `Ctrl + ]`
• 이전 패널 : `Ctrl + [`
• 하단 콘솔 토글 : `Esc`
• 전역 검색(모든파일) : `Ctrl + Shift + F`
• 파일 열기(파일명으로 검색) : `Ctrl + P`, `Ctrl + O`

3️⃣ Elements

• 요소 이동 : `↑ / ↓ `
• 요소 펼치기/접기 : ` → / ←` 
• 요소 숨기기 : `H`
• 요소 수정 : `F2` 
• 요소 삭제 : `Backspace`, `Del` 
• 요소 수정 후 적용 : `Ctrl + Enter` 
• 요소 속성 수정 : `Enter`
• 요소 다음 속성 이동 : `Tab`
• 요소 위치 변경 : `드래그 이동`
• 요소 선택 모드 토글 : `Ctrl + Shift + C`

4️⃣ Sources

• 스크립트 일시 중지/재개 : `F8`, `Ctrl + \`
• 라인번호 이동 : `Ctrl + G`
• 주석 토글 : `Ctrl + / `

5️⃣ Console

• 콘솔 내용 삭제 : `Ctrl + L`