Google은 AI 기술을 사용하여 콘텐츠를 사용자의 기본 언어로 번역합니다. AI 번역에는 오류가 있을 수 있습니다.

단축키

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`	`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`
서랍 전환	`Escape`	`Escape`
일반 새로고침	`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`을 누른 상태에서 요소 이름 옆에 있는 화살표 아이콘을 클릭합니다.	`Control`+`Alt`를 누른 상태에서 요소 이름 옆에 있는 화살표 아이콘을 클릭합니다.
현재 선택된 요소에서 속성 수정 모드를 전환합니다.	`Enter`	`Enter`
속성 수정 모드를 입력한 후 다음 / 이전 속성을 선택합니다.	`Tab` / `Shift`+`Tab`	`Tab` / `Shift`+`Tab`
현재 선택된 요소를 숨깁니다.	`H`	`H`
현재 선택된 요소에서 HTML로 수정 모드를 전환합니다.	`Function`+`F2`	`F2`

스타일 창 키보드 단축키

작업	Mac	Windows / Linux
속성 값이 선언된 줄로 이동합니다.	`Command`를 누른 상태에서 속성 값을 클릭합니다.	`Control`을 누른 상태에서 속성 값을 클릭합니다.
CSS 규칙을 순환합니다.	`위쪽 화살표` / `아래쪽 화살표`	`위쪽 화살표` / `아래쪽 화살표`
CSS 규칙 내에서 속성 값의 속성과 컨트롤을 순환합니다.	`왼쪽 화살표` / `오른쪽 화살표`	`왼쪽 화살표` / `오른쪽 화살표`
속성 값에서 함수 (예: 점선 밑줄로 식별되는 var, calc, clamp 등)에 포커스를 맞출 때 CSS 값 도움말을 엽니다.	`Option`+ `아래쪽 화살표`	`Alt`+`아래쪽 화살표`
색상 값의 표현 (예: RGB, 16진수, oklch 등)을 변경합니다.	`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`+`\`
다음 함수 호출을 단계별로 실행합니다.	`F10` 또는 `Command`+`'`	`F10` 또는 `Control`+`'`
다음 함수 호출로 단계별로 실행합니다.	`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`+`위쪽` 또는 `아래쪽`	`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`

Network 패널 키보드 단축키

작업	Mac	Windows / Linux
헤더, 페이로드, 응답을 검색합니다.	`Command`+`F`	`Control`+`F`
녹화 시작 / 중지	`Command`+`E`	`Control`+`E`
새로고침을 기록합니다.	`Command`+`R`	`Control`+`R`
선택한 요청의 세부정보를 숨깁니다.	`Escape`	`Escape`

실적 패널 키보드 단축키

작업	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
자동 완성 추천 용어 수락	`오른쪽 화살표` 또는 `Tab`	`오른쪽 화살표` 또는 `Tab`
자동 완성 추천 용어 거부	`Escape`	`Escape`
자동 완성 목록을 위 또는 아래로 탐색합니다.	`위쪽` / `아래쪽` 또는 `Control`+`P` / `N`	`위쪽` / `아래쪽` 또는 `Control`+`P` / `N`
이전 문 가져오기	`위쪽 화살표`	`위쪽 화살표`
다음 문 가져오기	`아래쪽 화살표`	`아래쪽 화살표`
콘솔 에 포커스 맞추기	`Control`+`	`Control`+`
콘솔 지우기	`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`+`-` 또는 마우스휠 아래로

단축키 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.