이 페이지는 Cloud Translation API를 통해 번역되었습니다.

단축키

Kayce Basques

Sofia Emelianova

이 페이지는 Chrome DevTools의 단축키를 참조하는 페이지입니다.

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

DevTools 열기 단축키

DevTools를 열려면 커서가 브라우저 뷰포트에 포커스가 있는 동안 다음 단축키를 누릅니다.

작업	Mac	Windows / Linux
마지막으로 사용한 패널 열기	`Command`+`Option`+`I`	`F12` 또는 `Control`+`Shift`+`I`
콘솔 패널을 엽니다.	`Command`+`Option`+`J`	`Control`+`Shift`+`J`
요소 패널을 엽니다.	`Command`+`Shift`+`C` 또는 `Command`+`Option`+`C`	`Ctrl`+`Shift`+`C`

전역 단축키

다음 단축키는 대부분의 DevTools 패널에서 사용할 수 있습니다.

작업	Mac	Windows / Linux
설정 표시	`?` 또는 `Function`+`F1`	`?` 또는 `F1`
다음 패널에 포커스 맞추기	`Command`+`]`	`Control`+`]`
이전 패널에 포커스 맞추기	`Command`+`[`	`Control`+`[`
마지막으로 사용한 고정 위치로 다시 전환합니다. DevTools가 전체 세션 동안 기본 위치에 있으면 이 바로가기를 사용하면 DevTools가 별도의 창으로 고정 해제됩니다.	`Command`+`Shift`+`D`	`Control`+`Shift`+`D`
기기 모드를 전환합니다.	`Command`+`Shift`+`M`	`Ctrl`+`Shift`+`M`
요소 검사 모드 전환	`Command`+`Shift`+`C`	`Ctrl`+`Shift`+`C`
명령어 메뉴를 엽니다.	`Command`+`Shift`+`P`	`Ctrl`+`Shift`+`P`
창 전환	`이스케이프`	`이스케이프`
일반 새로고침	`Command`+`R`	`F5` 또는 `Control`+`R`
강제 새로고침	`Command`+`Shift`+`R`	`Control`+`F5` 또는 `Control`+`Shift`+`R`
현재 패널 내에서 텍스트를 검색합니다. 요소, 콘솔, 소스, 성능, 메모리, JavaScript 프로파일러, 빠른 소스 패널에서만 지원됩니다.	`Command`+`F`	`Control`+`F`
창에서 검색 탭을 열면 로드된 모든 리소스에서 텍스트를 검색할 수 있습니다.	`Command`+`Option`+`F`	`Control`+`Shift`+`F`
소스 패널에서 파일 열기	`Command`+`O` 또는 `Command`+`P`	`Control`+`O` 또는 `Control`+`P`
확대	`Command`+`Shift`+`+`	`Control`+`Shift`+`+`
축소	`Command`+`-`	`Control`+`-`
기본 확대/축소 수준 복원	`Command`+`0`	`Control`+`0`
스니펫 실행	`Command`+`O`를 눌러 명령어 메뉴를 열고 `!`를 입력합니다. 다음에 스크립트 이름을 입력하고 `Enter` 키를 누릅니다.	`Control`+`O`를 눌러 명령어 메뉴를 열고 `!`를 입력합니다. 다음에 스크립트 이름을 입력하고 `Enter` 키를 누릅니다.

요소 패널 단축키

작업	Mac	Windows / Linux
변경 실행취소	`Command`+`Z`	`Control`+`Z`
변경사항 다시 실행	`Command`+`Shift`+`Z`	`Control`+`Y`
현재 선택된 요소 위 / 아래의 요소 선택	`위쪽 화살표` / `아래쪽 화살표`	`위쪽 화살표` / `아래쪽 화살표`
현재 선택된 노드를 펼칩니다. 노드가 이미 펼쳐져 있으면 이 바로가기를 사용하면 노드 아래의 요소가 선택됩니다.	`오른쪽 화살표`	`오른쪽 화살표`
현재 선택된 노드를 접습니다. 노드가 이미 접힌 경우 이 바로가기를 사용하면 그 위에 있는 요소가 선택됩니다.	`왼쪽 화살표`	`왼쪽 화살표`
현재 선택한 노드 및 모든 하위 노드 펼치기 또는 접기	`Option` 키를 누른 다음 요소 이름 옆에 있는 화살표 아이콘을 클릭합니다.	`Ctrl`+`Alt`를 누른 다음 요소 이름 옆에 있는 화살표 아이콘을 클릭합니다.
현재 선택한 요소에서 속성 수정 모드를 전환합니다.	`Enter`	`Enter`
속성 수정 모드를 시작한 후 다음 / 이전 속성 선택	`Tab` / `Shift`+`Tab`	`Tab` / `Shift`+`Tab`
현재 선택된 요소 숨기기	`H`	`H`
현재 선택한 요소에서 HTML로 수정 모드를 전환합니다.	`기능`+`F2`	`F2`

스타일 창 단축키

작업	Mac	Windows / Linux
속성 값이 선언된 줄로 이동	`Command`를 누른 다음 속성 값을 클릭합니다.	`Ctrl` 키를 누른 상태에서 속성 값을 클릭합니다.
색상 값의 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), 그라디언트 (grad), 라디안 (rad), 회전 (turn) 표현을 순환합니다.	`Shift` 키를 누른 다음 값 옆에 있는 각도 미리보기 체크박스를 클릭합니다.	`Shift` 키를 누른 다음 값 옆에 있는 각도 미리보기 체크박스를 클릭합니다.
각도 값을 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`	`Control`+`S`
모든 변경사항 저장	`Command`+`Option`+`S`	`Control`+`Alt`+`S`
줄 이동	`Control`+`G`	`Control`+`G`
현재 열려 있는 파일의 줄 번호로 이동	`Command`+`O`를 눌러 명령어 메뉴를 열고 `:` 뒤에 줄 번호를 입력한 다음 `Enter` 키를 누릅니다.	`Control`+`O`를 눌러 명령어 메뉴를 열고 `:` 뒤에 줄 번호를 입력한 다음 `Enter` 키를 누릅니다.
현재 열려 있는 파일의 열로 이동합니다 (예: 5번 줄, 9번 열).	`Command`+`O`를 눌러 명령어 메뉴를 연 다음 `:`, 줄 번호, `:`, 열 번호를 차례로 입력하고 `Enter` 키를 누릅니다.	`Control`+`O`를 눌러 명령어 메뉴를 연 다음 `:`, 줄 번호, `:`, 열 번호를 차례로 입력하고 `Enter` 키를 누릅니다.
현재 열려 있는 파일이 HTML 또는 스크립트인 경우 함수 선언으로 이동하고, 스타일시트인 경우 규칙 세트로 이동합니다.	`Command`+`Shift`+`O`를 누른 다음 선언 / 규칙 세트의 이름을 입력하거나 옵션 목록에서 선택합니다.	`Control`+`Shift`+`O`를 누른 다음 선언 / 규칙 세트의 이름을 입력하거나 옵션 목록에서 선택합니다.
활성 탭 닫기	`Option`+`W`	`Alt`+`W`
다음 또는 이전 탭 열기	`Function`+`Command`+`Up` 또는 `Down`	`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`+줄 번호 클릭
로그 지점 대화상자를 엽니다.	`Command`+`Shift`+줄 번호 클릭	`Control`+`Shift`+줄 번호 클릭
일치하는 괄호로 이동	`Control`+`M`	`Control`+`M`
한 줄 주석을 전환합니다. 여러 줄을 선택하면 DevTools가 각 줄의 시작 부분에 주석을 추가합니다.	`Command`+`/`	`Control`+`/`
커서가 있는 단어의 다음에 오는 단어를 선택 / 선택 해제합니다. 각 발생 횟수가 동시에 강조 표시됩니다.	`Command`+`D` / `Command`+`U`	`Control`+`D` / `Control`+`U`

네트워크 패널 단축키

작업	Mac	Windows / Linux
헤더, 페이로드, 응답 검색	`Command`+`F`	`Control`+`F`
녹화 시작 / 중지	`Command`+`E`	`Control`+`E`
새로고침 녹화	`Command`+`R`	`Control`+`R`
선택한 XHR 요청 재생	`R`	`R`
선택한 요청의 세부정보 숨기기	`이스케이프`	`이스케이프`

성능 패널 단축키

작업	Mac	Windows / Linux
녹화 시작 / 중지	`Command`+`E`	`Control`+`E`
녹음 저장	`Command`+`S`	`Control`+`S`
녹음 파일 로드	`Command`+`O`	`Control`+`O`

메모리 패널 단축키

작업	Mac	Windows / Linux
녹화 시작 / 중지	`Command`+`E`	`Control`+`E`

콘솔 패널 단축키

작업	Mac	Windows / Linux
자동 완성 추천 수락	`오른쪽 화살표` 또는 `탭`	`오른쪽 화살표` 또는 `탭`
자동 완성 제안 거부	`이스케이프`	`이스케이프`
자동 완성 목록 위 또는 아래로 탐색	`위` / `아래` 또는 `Control`+`P` / `N`	`위` / `아래` 또는 `Control`+`P` / `N`
이전 명세서 가져오기	`위쪽 화살표`	`위쪽 화살표`
다음 명세서 가져오기	`아래쪽 화살표`	`아래쪽 화살표`
Console에 포커스를 맞춥니다.	`Ctrl`+`	`Ctrl`+`
콘솔 지우기	`Command`+`K` 또는 `Option`+`L`	`Control`+`L`
여러 줄 항목을 강제합니다. DevTools는 기본적으로 여러 줄 시나리오를 감지해야 하므로 이제 일반적으로 이 바로가기는 필요하지 않습니다.	`Shift`+`Return`	`Shift`+`Enter`
실행	`Return 키`	`Enter`
콘솔에 로깅된 객체의 모든 하위 속성 펼치기	`Alt`를 누른 다음 펼치기 >를 클릭합니다.	`Alt`를 누른 다음 펼치기 >를 클릭합니다.

검색 탭 단축키

작업	Mac	Windows / Linux
모든 검색 결과 펼치기/접기	`Command`+`Option`+`{` 또는 `}`	`Control`+`Shift`+`{` 또는 `}`

녹음기 패널 단축키

작업	Mac	Windows / Linux
녹음 시작 또는 중지	`Command`+`E`	`Control`+`E`
녹음 파일 다시 재생	`Command`+`Enter`	`Control`+`Enter`
녹음 파일 또는 선택한 단계 복사	`Command`+`C`	`Control`+`C`
코드 보기 전환	`Command`+`B`	`Control`+`B`

레이어 패널 단축키

작업	Mac	Windows / Linux
X축과 Y축을 따라 다이어그램 이동	`W` (위), `A` (왼쪽), `S` (아래), `D` (오른쪽)	`W` (위), `A` (왼쪽), `S` (아래), `D` (오른쪽)
화면 이동 모드 전환	`X`	`X`
회전 모드 전환	`V`	`V`
다이어그램의 위치 및 회전 재설정	`0`	`0`
다이어그램 확대	`Shift`+`+` 또는 마우스휠 위로	`Shift`+`+` 또는 마우스휠 위로
다이어그램 축소	`Shift`+`-` 또는 마우스휠 아래로	`Shift`+`-` 또는 마우스휠 아래로