school Are you a developer in an agency in the UK, Indonesia or India? Find out more about our free 2 day Progressive Web Apps training .

단축키 참조

이 페이지는 Chrome DevTools의 단축키에 대한 참조입니다. 일부 단축키는 전역적으로 사용 가능하지만 일부 단축키는 단일 패널에서만 사용 가능합니다.

단축키는 도움말에서 찾을 수도 있습니다. DevTools의 UI 요소 위에 마우스를 가져가면 해당 도움말이 표시됩니다. UI 요소의 단축키는 도움말에 포함되어 있습니다.

DevTools 액세스

DevTools 액세스 Windows의 경우 Mac의 경우
Developer Tools 열기 F12, Ctrl + Shift + I Cmd + Opt + I
요소 검사 모드 및 브라우저 창에서 열기/전환 Ctrl + Shift + C Cmd + Shift + C
Developer Tools를 열고 콘솔에 포커스 두기 Ctrl + Shift + J Cmd + Opt + J
Inspector 검사(첫 번째 항목 도킹 해제 후 누름) Ctrl + Shift + I Cmd + Opt + I

전역 키보드 단축키

다음 단축키는 모든 DevTools 패널에서 사용할 수 있습니다.

전역 단축키 Windows Mac
일반 설정 대화상자 표시 ?, F1 ?
다음 패널 Ctrl + ] Cmd + ]
이전 패널 Ctrl + [ Cmd + [
패널 기록 뒤로 Ctrl + Alt + [ Cmd + Opt + [
패널 기록 앞으로 Ctrl + Alt + ] Cmd + Opt + ]
도킹 위치 변경 Ctrl + Shift + D Cmd + Shift + D
Device Mode 열기 Ctrl + Shift + M Cmd + Shift + M
콘솔 전환 / 열 때 설정 대화상자 닫기 Esc Esc
페이지 새로고침 F5, Ctrl + R Cmd + R
캐시된 콘텐츠를 무시하고 페이지 새로고침 Ctrl + F5, Ctrl + Shift + R Cmd + Shift + R
현재 파일 또는 패널 내에서 텍스트 검색 Ctrl + F Cmd + F
모든 소스에서 텍스트 검색 Ctrl + Shift + F Cmd + Opt + F
파일 이름으로 검색(타임라인 제외) Ctrl + O, Ctrl + P Cmd + O, Cmd + P
확대(DevTools에 포커스를 둔 상태에서) Ctrl + + Cmd + Shift + +
축소 Ctrl + - Cmd + Shift + -
기본 텍스트 크기 복원 Ctrl + 0 Cmd + 0

패널별 단축키

Elements

Elements 패널 Windows Mac
변경 취소 Ctrl + Z Cmd + Z
변경 다시 실행 Ctrl + Y Cmd + Y, Cmd + Shift + Z
탐색 위쪽 화살표, 아래쪽 화살표 위쪽 화살표, 아래쪽 화살표
노드 확장/축소 오른쪽 화살표, 왼쪽 화살표 오른쪽 화살표, 왼쪽 화살표
노드 확장 화살표 한 번 클릭 화살표 한 번 클릭
노드 및 모든 자식 노드 확장/축소 Ctrl + Alt + 화살표 아이콘 클릭 Opt + 화살표 아이콘 클릭
속성 편집 Enter, 속성 두 번 클릭 Enter, 속성 두 번 클릭
요소 숨기기 H H
HTML로 편집 전환 F2

Styles 사이드바

Styles 사이드바에서 사용할 수 있는 단축키:

Styles 사이드바 Windows Mac
규칙 편집 한 번 클릭 한 번 클릭
새 속성 삽입 공백 한 번 클릭 공백 한 번 클릭
소스에서 스타일 규칙 속성 선언 줄로 이동 Ctrl + 속성 클릭 Cmd + 속성 클릭
소스에서 속성 값 선언 줄로 이동 Ctrl + 속성 값 클릭 Cmd + 속성 값 클릭
색 정의 값 순환 Shift + 색 선택 상자 클릭 Shift + 색 선택 상자 클릭
다음/이전 속성 편집 Tab, Shift + Tab Tab, Shift + Tab
값 증가/감소 위쪽 화살표, 아래쪽 화살표 위쪽 화살표, 아래쪽 화살표
10씩 값 증가/감소 Shift + 위쪽 화살표, Shift + 아래쪽 화살표 Shift + 위쪽 화살표, Shift + 아래쪽 화살표
10씩 값 증가/감소 PgUp, PgDown PgUp, PgDown
100씩 값 증가/감소 Shift + PgUp, Shift + PgDown Shift + PgUp, Shift + PgDown
0.1씩 값 증가/감소 Alt + 위쪽 화살표, Alt + 아래쪽 화살표 Opt + 위쪽 화살표, Opt + 아래쪽 화살표

Sources

Sources 패널 Windows Mac
스크립트 실행 일시 중지/계속 F8, Ctrl + \ F8, Cmd + \
다음 함수 호출 Step Over F10, Ctrl + ' F10, Cmd + '
다음 함수 호출 Step Into F11, Ctrl + ; F11, Cmd + ;
현재 함수에서 Step Out Shift + F11, Ctrl + Shift + ; Shift + F11, Cmd + Shift + ;
다음 호출 프레임 선택 Ctrl + . Opt + .
이전 호출 프레임 선택 Ctrl + , Opt + ,
중단점 조건 전환 줄 번호 클릭, Ctrl + B 줄 번호 클릭, Cmd + B
중단점 조건 편집 마우스 오른쪽 버튼으로 줄 번호 클릭 마우스 오른쪽 버튼으로 줄 번호 클릭
개별 단어 삭제 Ctrl + Delete Opt + Delete
줄 또는 선택한 텍스트에 주석 달기 Ctrl + / Cmd + /
로컬 수정에 변경 내용 저장 Ctrl + S Cmd + S
변경 내용 모두 저장 Ctrl + Alt + S Cmd + Opt + S
줄 이동 Ctrl + G Ctrl + G
파일 이름으로 검색 Ctrl + O Cmd + O
줄 번호로 이동 Ctrl + P + :번호 Cmd + P + :번호
열로 이동 Ctrl + O + :번호 + :번호 Cmd + O + :번호 + :번호
멤버로 이동 Ctrl + Shift + O Cmd + Shift + O
활성 탭 닫기 Alt + W Opt + W
스니펫 실행 Ctrl + Enter Cmd + Enter

코드 편집기 내부

코드 편집기 Windows Mac
짝을 이루는 대괄호로 이동 Ctrl + M
줄 번호로 이동 Ctrl + P + :번호 Cmd + P + :번호
열로 이동 Ctrl + O + :번호 + :번호 Cmd + O + :번호 + :번호
주석 전환 Ctrl + / Cmd + /
다음 항목 선택 Ctrl + D Cmd + D
마지막 선택 실행 취소 Ctrl + U Cmd + U

Timeline

Timeline 패널 Windows Mac
기록 시작/중지 Ctrl + E Cmd + E
타임라인 데이터 저장 Ctrl + S Cmd + S
타임라인 데이터 로드 Ctrl + O Cmd + O

Profiles

Profiles 패널 Windows Mac
기록 시작/중지 Ctrl + E Cmd + E

콘솔

콘솔 단축키 Windows Mac
제안 수락 오른쪽 화살표 오른쪽 화살표
이전 명령/줄 위쪽 화살표 위쪽 화살표
다음 명령/줄 아래쪽 화살표 아래쪽 화살표
콘솔에 포커스 두기 Ctrl + ` Ctrl + `
콘솔 지우기 Ctrl + L Cmd + K, Opt + L
여러 줄 입력 Shift + Enter Ctrl + Return
실행 Enter Return

Device Mode

Device Mode 단축키 Windows Mac
손가락으로 확대/축소 Shift + 스크롤 Shift + 스크롤

스크린캐스팅 시

스크린캐스팅 단축키 Windows Mac
손가락으로 확대/축소 Alt + 스크롤,Ctrl + 두 손가락으로 클릭하여 드래그하기 Opt + 스크롤, Cmd + 두 손가락으로 클릭하여 드래그하기
요소 검사 도구 Ctrl + Shift + C Cmd + Shift + C