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`+`-` 또는 마우스휠 아래로

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