이 페이지는 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`	`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`