# 개발자 도구 열기
• 개발자 도구 열기: [ F12 ]
• 개발자 도구 열기 + 요소 선택: [ Ctrl + Shift + C ]
• 개발자 도구 재실행: [ Alt + R ]
• 모바일 모드 열기: [ Ctrl + Shift + M ]
# 공통 단축키
• 개발자 도구, 다음 패널 이동: [ Ctrl + ] ]
• 개발자 도구, 이전 패널 이동: [ Ctrl + [ ]
• 개발자 도구, 특정 패널 이동: [ Ctrl + 숫자키 ]
• 전역 검색(HTML, CSS, JS 모든파일): [ Ctrl + Shift + F ]
• 하단 콘솔 패널 열기: [ Esc ]
# Elements 패널 단축키
• 요소 이동: [ 방향키 위/아래 ]
• 하위 요소 펼침: [ 방향키 오른쪽/왼쪽 ]
• 요소 위치 바꾸기: [ 드래그 이동 ]
• 요소 검색: [ Ctrl + F ]
• 요소 선택: [ Ctrl + Shift + C ]
• 요소 수정: [ F2 ]
• 요소 수정후 적용: [ Ctrl + Enter ]
• 요소 삭제: [ Del ]
• 요소 속성 추가/수정: [ Enter ]
• 요소 다음 속성 이동: [ Tab ]
• 요소 숨김/취소: [ H ]
• 요소에 적용된 스타일 복사: [ Ctrl + Alt + C ]
# Sources 패널 단축키
• 라인번호 이동: [ Ctrl + G ]
• 주석: [ Ctrl + / ]
# Console 패널 단축키
• 콘솔 지우기: [ Ctrl + L ]
• 아래행 이동: [ Shift + Enter ]
'IT > 크롬 브라우저' 카테고리의 다른 글
| 크롬(Chrome) 브라우저 단축키 (0) | 2024.05.01 |
|---|---|
| 크롬 브라우저에서 코드 에디터 기능 사용하기 (0) | 2024.05.01 |
| 크롬 브라우저 Overrides(재정의) 기능 (0) | 2024.05.01 |
| 크롬 개발자 도구의 '요소(Elment)'패널 기능 정리 (0) | 2024.05.01 |
| 크롬 브라우저를 데스크톱 앱(APP)처럼 실행하기 (0) | 2024.05.01 |
