이 페이지는 Chrome DevTools의 단축키에 대한 참조입니다.
단축키는 도움말에서도 찾을 수 있습니다. DevTools의 UI 요소 위로 마우스를 가져가면 도움말을 표시합니다.
요소에 바로가기가 있으면 도움말에 포함됩니다.
DevTools를 여는 단축키
DevTools를 열려면 커서가 브라우저 표시 영역에 포커스를 둔 상태에서 다음 단축키를 누릅니다.
작업 | Mac | Windows / Linux |
---|
마지막으로 사용한 패널 열기 | Command+Option+I | F12 또는 Control+Shift+I |
콘솔 패널을 엽니다. | Command+Option+J | Ctrl+Shift+J |
요소 패널을 엽니다. | Command+Shift+C 또는 Command+Option+C | Control+Shift+C |
전체 단축키
대부분의 DevTools 패널에서 다음 단축키를 사용할 수 있습니다.
작업 | Mac | Windows / Linux |
---|
설정 표시 | ? 또는 Function+F1 | ? 또는 F1 |
다음 패널로 포커스 이동 | Command+] | Control+] |
이전 패널로 포커스 이동 | Command+[ | Control+[ |
마지막으로 사용한 도킹 위치로 다시 전환합니다. DevTools가 전체 세션 동안 기본 위치에 있었다면 이 단축키를 사용하면 DevTools를 별도의 창으로 도킹할 수 있습니다. | Command+Shift+D | Control+Shift+D |
기기 모드 전환 | Command+Shift+M | Control+Shift+M |
요소 검사 모드 전환 | Command+Shift+C | Control+Shift+C |
명령어 메뉴를 엽니다. | Command+Shift+P | Control+Shift+P |
창을 전환합니다. | Esc | Esc |
일반 새로고침 | Command+R | F5 또는 Control+R |
하드 리로드 | Command+Shift+R | Control+F5 또는 Control+Shift+R |
현재 패널 내에서 텍스트를 검색합니다. 요소, 콘솔, 소스, 성능, 메모리, 자바스크립트 프로파일러, 빠른 소스 패널에서만 지원됩니다. | Command+F | 컨트롤+F |
창에서 검색 탭을 엽니다. 이 탭에서 로드된 모든 리소스에서 텍스트를 검색할 수 있습니다. | Command+Option+F | Control+Shift+F |
소스 패널에서 파일을 엽니다. | Command+O 또는 Command+P | Control+O 또는 Control+P |
확대 | Command+Shift++ | Control+Shift++ |
축소 | Command+- | 컨트롤+- |
기본 확대/축소 수준 복원 | Command+0 | Control+0 |
스니펫 실행 | Command+O를 눌러 Command Menu(명령어 메뉴)를 열고 ! 그 뒤에 스크립트 이름을 입력한 다음 Enter를 누릅니다. | Control+O를 눌러 명령어 메뉴를 열고 ! 그 뒤에 스크립트 이름을 입력한 다음 Enter를 누릅니다. |
요소 패널 단축키
작업 | Mac | Windows / Linux |
---|
변경 실행취소 | Command+Z | 컨트롤+Z |
변경 다시 실행 | Command+Shift+Z | 컨트롤+Y |
현재 선택된 요소의 위 / 아래에 있는 요소를 선택하세요. | 위쪽 화살표 / 아래쪽 화살표 | 위쪽 화살표 / 아래쪽 화살표 |
현재 선택된 노드를 펼칩니다. 노드가 이미 펼쳐져 있는 경우 이 바로가기는 노드 아래에 있는 요소를 선택합니다. | 오른쪽 화살표 | 오른쪽 화살표 |
현재 선택한 노드를 접습니다. 노드가 이미 접혀 있다면 이 바로가기는 위에 있는 요소를 선택합니다. | 왼쪽 화살표 | 왼쪽 화살표 |
현재 선택한 노드 및 모든 하위 노드 펼치기 또는 접기 | Option 키를 누른 상태에서 요소 이름 옆에 있는 화살표 아이콘을 클릭합니다. | Control+Alt를 누른 상태에서 요소 이름 옆에 있는 화살표 아이콘을 클릭합니다. |
현재 선택된 요소에서 속성 수정 모드를 전환합니다. | Enter 키 | Enter 키 |
Edit Attributes 모드를 시작한 후 다음 / 이전 속성을 선택합니다. | Tab / Shift+Tab | Tab / Shift+Tab |
현재 선택한 요소 숨기기 | H | H |
현재 선택된 요소에서 HTML로 편집 모드를 전환합니다. | 함수+F2 | F2 |
스타일 창 단축키
작업 | Mac | Windows / Linux |
---|
속성 값이 선언된 줄로 이동합니다. | Command를 누른 상태에서 속성 값 클릭 | Control 키를 누른 상태에서 속성 값을 클릭합니다. |
색상 값의 RGBA, HSLA, 16진수 표현 순환 | Shift 키를 누른 상태에서 값 옆에 있는 색상 미리보기 상자를 클릭합니다. | Shift 키를 누른 상태에서 값 옆에 있는 색상 미리보기 상자를 클릭합니다. |
다음 / 이전 속성 또는 값 선택 | 속성 이름 또는 값을 클릭한 다음 Tab / Shift+Tab 누르기 | 속성 이름 또는 값을 클릭한 다음 Tab / Shift+Tab 누르기 |
속성 값을 0.1씩 증가 / 감소 | 값을 클릭한 다음 Option+위쪽 화살표 / Option+아래쪽 화살표를 누름 | 값을 클릭한 다음 Alt+위쪽 화살표 / Alt+아래쪽 화살표를 누름 |
속성 값을 1씩 증가 / 감소 | 값을 클릭한 후 위쪽 화살표 / 아래쪽 화살표를 누름 | 값을 클릭한 후 위쪽 화살표 / 아래쪽 화살표를 누름 |
속성 값 10씩 증가 / 감소 | 값을 클릭한 다음 Shift+위쪽 화살표 / Shift+아래쪽 화살표를 누름 | 값을 클릭한 다음 Shift+위쪽 화살표 / Shift+아래쪽 화살표를 누름 |
속성 값을 100씩 증가 / 감소 | 값을 클릭한 다음 Command+위쪽 화살표 / Command+아래쪽 화살표를 누름 | 값을 클릭한 다음 Control+위쪽 화살표 / Control+아래쪽 화살표를 누름 |
각도 값의 도 (deg), 그라디언 (경사), 라디안 (rad), 전환 (turn) 표현을 순환합니다. | Shift 키를 누른 상태에서 값 옆에 있는 Angle Preview(각도 미리보기) 상자를 클릭합니다. | Shift 키를 누른 상태에서 값 옆에 있는 Angle Preview(각도 미리보기) 상자를 클릭합니다. |
각도 값을 1씩 증가 / 감소 | 값 옆의 각도 미리보기 상자를 클릭한 다음 위쪽 화살표 / 아래쪽 화살표를 누릅니다. | 값 옆의 각도 미리보기 상자를 클릭한 다음 위쪽 화살표 / 아래쪽 화살표를 누릅니다. |
각도 값을 10씩 증가 / 감소 | 값 옆의 각도 미리보기 상자를 클릭한 다음 Shift+위쪽 화살표 / Shift+아래쪽 화살표를 누릅니다. | 값 옆의 각도 미리보기 상자를 클릭한 다음 Shift+위쪽 화살표 / Shift+아래쪽 화살표를 누릅니다. |
각도 값 15씩 증가 / 감소 | 값 옆의 각도 미리보기 상자를 클릭한 다음 Shift 키를 누르고 각도 시계 오버레이에서 클릭 / 마우스 슬라이드 | 값 옆의 각도 미리보기 상자를 클릭한 다음 Shift 키를 누르고 각도 시계 오버레이에서 클릭 / 마우스 슬라이드 |
소스 패널 단축키
작업 | Mac | Windows / Linux |
---|
스크립트 실행을 일시중지 (현재 실행 중인 경우) 또는 재개 (현재 일시중지된 경우) | F8 또는 Command+\ | F8 또는 Control+\ |
다음 함수 호출 Step Over | F10 또는 Command+' | F10 또는 Control+' |
다음 함수 호출 Step Into | F11 또는 Command+; | F11 또는 Control+; |
현재 함수에서 벗어나기 | Shift+F11 또는 Command+Shift+; | Shift+F11 또는 Control+Shift+; |
일시중지 상태에서 특정 코드 줄로 이동 | Command를 누른 상태에서 코드 줄을 클릭합니다. | Control 키를 누른 상태에서 코드 줄을 클릭합니다. |
현재 선택된 프레임 아래 / 위에서 호출 프레임을 선택하세요. | Control+. / Control+, | Control+. / Control+, |
로컬 수정에 대한 변경사항 저장 | Command+S | 컨트롤+S |
모든 변경사항 저장 | Command+Option+S | Ctrl+Alt+S |
줄 이동 | 컨트롤+G | 컨트롤+G |
현재 열려 있는 파일의 줄 번호로 이동 | Command+O를 눌러 명령어 메뉴를 열고 :을 입력한 다음 줄 번호를 입력한 후 Enter 키를 누름 | Control+O를 눌러 명령어 메뉴를 열고 :을 입력하고 줄 번호 뒤에 Enter 키를 누름 |
현재 열려 있는 파일의 열로 이동합니다 (예: 5행, 9열). | Command+O를 눌러 명령어 메뉴를 열고 :, 줄 번호, 다른 :, 열 번호, Enter를 차례로 누름 | Control+O를 눌러 명령어 메뉴를 열고 :, 줄 번호, 다른 :, 열 번호, Enter를 차례로 누름 |
함수 선언 (현재 열려 있는 파일이 HTML 또는 스크립트인 경우) 또는 규칙 세트 (현재 열려 있는 파일이 스타일시트인 경우)로 이동합니다. | Command+Shift+O를 누른 다음 선언 / 규칙 세트의 이름을 입력하거나 옵션 목록에서 선택합니다. | Control+Shift+O를 누른 다음 선언 / 규칙 세트의 이름을 입력하거나 옵션 목록에서 선택합니다. |
활성 탭 닫기 | 옵션+W | Alt+W |
다음 또는 이전 탭 열기 | Function+Command+위쪽 또는 아래쪽 | Control+Page Up 또는 Page Down |
왼쪽에서 탐색 사이드바 전환 | Command+Shift+Y | Control+Shift+Y |
오른쪽에서 디버거 사이드바 전환 | Command+Shift+H | Control+Shift+H |
코드 편집기 단축키
작업 | Mac | Windows / Linux |
---|
마지막 단어의 모든 문자(커서까지) 삭제 | Option+Delete(삭제) | Control+Delete |
코드 줄 중단점 추가 또는 삭제 | 선에 커서를 놓은 후 Command+B를 누름 | 선에 커서를 놓고 Control+B를 누름 |
중단점 수정 대화상자를 열어 조건부 중단점 또는 로그 지점을 수정합니다. | 줄에 커서를 놓은 다음 Command+Alt+B를 누릅니다. | 줄에 커서를 놓고 Control+Alt+B를 누릅니다. |
조건부 중단점 대화상자 열기 | Command+줄 번호 클릭 | Control 키를 누른 상태에서 행 번호 클릭 |
logpoint 대화상자 열기 | Command+Shift+줄 번호 클릭 | Control+Shift+줄 번호 클릭 |
일치하는 대괄호로 이동 | 컨트롤+M | 컨트롤+M |
한 줄 댓글 전환 여러 줄을 선택하면 DevTools가 각 줄의 시작 부분에 주석을 추가합니다. | Command+/ | Control+/ |
커서가 위치한 단어와 다음에 일치하는 단어를 선택하거나 선택 취소합니다. 각 일치하는 항목이 동시에 강조표시됩니다. | Command+D / Command+U | Control+D / Control+U |
네트워크 패널 단축키
작업 | Mac | Windows / Linux |
---|
녹화 시작 / 중지 | Command+E | 컨트롤+E |
새로고침 기록 | Command+R | Control+R |
선택한 XHR 요청 재생 | R | R |
선택한 요청의 세부정보 숨기기 | Esc | Esc |
작업 | Mac | Windows / Linux |
---|
녹화 시작 / 중지 | Command+E | 컨트롤+E |
기록 저장 | Command+S | 컨트롤+S |
녹음 파일 로드 | Command+O | 컨트롤+O |
메모리 패널 단축키
작업 | Mac | Windows / Linux |
---|
녹화 시작 / 중지 | Command+E | 컨트롤+E |
콘솔 패널 단축키
작업 | Mac | Windows / Linux |
---|
자동 완성 추천 수락 | 오른쪽 화살표 또는 Tab | 오른쪽 화살표 또는 Tab |
자동 완성 추천 거부 | Esc | Esc |
자동 완성 목록을 위 또는 아래로 탐색 | 위 / 아래 또는 Ctrl+P / N | 위 / 아래 또는 Ctrl+P / N |
이전 명세서 가져오기 | 위쪽 화살표 | 위쪽 화살표 |
다음 문 가져오기 | 아래쪽 화살표 | 아래쪽 화살표 |
콘솔에 포커스 | Control+` | Control+` |
콘솔을 삭제합니다. | Command+K 또는 Option+L | 컨트롤+L |
여러 줄 항목을 강제로 입력합니다. DevTools는 기본적으로 여러 줄로 된 시나리오를 감지하므로 이제 이 단축키는 일반적으로 필요하지 않습니다. | Shift+Return | Shift+Enter |
실행 | Return 키 | Enter 키 |
콘솔에 기록된 객체의 모든 하위 속성 펼치기 | Alt 키를 누른 상태에서 펼치기 > 클릭 | Alt 키를 누른 상태에서 펼치기 > 클릭 |
검색 탭 단축키
작업 | Mac | Windows / Linux |
---|
모든 검색결과 펼치기/접기 | Command+Option+{ 또는 } | Control+Shift+{ 또는 } |
녹음기 패널 단축키
작업 | Mac | Windows / Linux |
---|
녹화 시작 또는 중지 | Command+E | 컨트롤+E |
녹음 파일 다시 재생 | Command+Enter | Control+Enter |
녹음 파일 또는 선택한 단계 복사 | Command+C | 컨트롤+C |
코드 보기 전환 | Command+B | 컨트롤+B |