chrome shortcuts

참조 : https://developers.google.com/chrome-developer-tools/docs/shortcuts

DevTools 액세스

DevTools 액세스	Windows의 경우	Mac의 경우
Developer Tools 열기	F12, Ctrl + Shift + I	Cmd + Opt + I
요소 검사 모드 및 브라우저 창에서 열기/전환	Ctrl + Shift + C	Cmd + Shift + C
Developer Tools를 열고 콘솔에 포커스 두기	Ctrl + Shift + J	Cmd + Opt + J
Inspector 검사(첫 번째 항목 도킹 해제 후 누름)	Ctrl + Shift + I	Cmd + Opt + I

전역 키보드 단축키

다음 단축키는 모든 DevTools 패널에서 사용할 수 있습니다.

전역 단축키	Windows	Mac
일반 설정 대화상자 표시	?, F1	?
다음 패널	Ctrl + ]	Cmd + ]
이전 패널	Ctrl + [	Cmd + [
패널 기록 뒤로	Ctrl + Alt + [	Cmd + Opt + [
패널 기록 앞으로	Ctrl + Alt + ]	Cmd + Opt + ]
도킹 위치 변경	Ctrl + Shift + D	Cmd + Shift + D
Device Mode 열기	Ctrl + Shift + M	Cmd + Shift + M
콘솔 전환 / 열 때 설정 대화상자 닫기	Esc	Esc
페이지 새로고침	F5, Ctrl + R	Cmd + R
캐시된 콘텐츠를 무시하고 페이지 새로고침	Ctrl + F5, Ctrl + Shift + R	Cmd + Shift + R
현재 파일 또는 패널 내에서 텍스트 검색	Ctrl + F	Cmd + F
모든 소스에서 텍스트 검색	Ctrl + Shift + F	Cmd + Opt + F
파일 이름으로 검색(타임라인 제외)	Ctrl + O, Ctrl + P	Cmd + O, Cmd + P
확대(DevTools에 포커스를 둔 상태에서)	Ctrl + +	Cmd + Shift + +
축소	Ctrl + -	Cmd + Shift + -
기본 텍스트 크기 복원	Ctrl + 0	Cmd + 0

패널별 단축키

Elements

Elements 패널	Windows	Mac
변경 취소	Ctrl + Z	Cmd + Z
변경 다시 실행	Ctrl + Y	Cmd + Y, Cmd + Shift + Z
탐색	위쪽 화살표, 아래쪽 화살표	위쪽 화살표, 아래쪽 화살표
노드 확장/축소	오른쪽 화살표, 왼쪽 화살표	오른쪽 화살표, 왼쪽 화살표
노드 확장	화살표 한 번 클릭	화살표 한 번 클릭
노드 및 모든 자식 노드 확장/축소	Ctrl + Alt + 화살표 아이콘 클릭	Opt + 화살표 아이콘 클릭
속성 편집	Enter, 속성 두 번 클릭	Enter, 속성 두 번 클릭
요소 숨기기	H	H
HTML로 편집 전환	F2

Styles 사이드바

Styles 사이드바에서 사용할 수 있는 단축키:

Styles 사이드바	Windows	Mac
규칙 편집	한 번 클릭	한 번 클릭
새 속성 삽입	공백 한 번 클릭	공백 한 번 클릭
소스에서 스타일 규칙 속성 선언 줄로 이동	Ctrl + 속성 클릭	Cmd + 속성 클릭
소스에서 속성 값 선언 줄로 이동	Ctrl + 속성 값 클릭	Cmd + 속성 값 클릭
색 정의 값 순환	Shift + 색 선택 상자 클릭	Shift + 색 선택 상자 클릭
다음/이전 속성 편집	Tab, Shift + Tab	Tab, Shift + Tab
값 증가/감소	위쪽 화살표, 아래쪽 화살표	위쪽 화살표, 아래쪽 화살표
10씩 값 증가/감소	Shift + 위쪽 화살표, Shift + 아래쪽 화살표	Shift + 위쪽 화살표, Shift + 아래쪽 화살표
10씩 값 증가/감소	PgUp, PgDown	PgUp, PgDown
100씩 값 증가/감소	Shift + PgUp, Shift + PgDown	Shift + PgUp, Shift + PgDown
0.1씩 값 증가/감소	Alt + 위쪽 화살표, Alt + 아래쪽 화살표	Opt + 위쪽 화살표, Opt + 아래쪽 화살표

Sources

Sources 패널	Windows	Mac
스크립트 실행 일시 중지/계속	F8, Ctrl + \	F8, Cmd + \
다음 함수 호출 Step Over	F10, Ctrl + '	F10, Cmd + '
다음 함수 호출 Step Into	F11, Ctrl + ;	F11, Cmd + ;
현재 함수에서 Step Out	Shift + F11, Ctrl + Shift + ;	Shift + F11, Cmd + Shift + ;
다음 호출 프레임 선택	Ctrl + .	Opt + .
이전 호출 프레임 선택	Ctrl + ,	Opt + ,
중단점 조건 전환	줄 번호 클릭, Ctrl + B	줄 번호 클릭, Cmd + B
중단점 조건 편집	마우스 오른쪽 버튼으로 줄 번호 클릭	마우스 오른쪽 버튼으로 줄 번호 클릭
개별 단어 삭제	Ctrl + Delete	Opt + Delete
줄 또는 선택한 텍스트에 주석 달기	Ctrl + /	Cmd + /
로컬 수정에 변경 내용 저장	Ctrl + S	Cmd + S
변경 내용 모두 저장	Ctrl + Alt + S	Cmd + Opt + S
줄 이동	Ctrl + G	Ctrl + G
파일 이름으로 검색	Ctrl + O	Cmd + O
줄 번호로 이동	Ctrl + P + :번호	Cmd + P + :번호
열로 이동	Ctrl + O + :번호 + :번호	Cmd + O + :번호 + :번호
멤버로 이동	Ctrl + Shift + O	Cmd + Shift + O
활성 탭 닫기	Alt + W	Opt + W
스니펫 실행	Ctrl + Enter	Cmd + Enter

코드 편집기 내부

코드 편집기	Windows	Mac
짝을 이루는 대괄호로 이동	Ctrl + M
줄 번호로 이동	Ctrl + P + :번호	Cmd + P + :번호
열로 이동	Ctrl + O + :번호 + :번호	Cmd + O + :번호 + :번호
주석 전환	Ctrl + /	Cmd + /
다음 항목 선택	Ctrl + D	Cmd + D
마지막 선택 실행 취소	Ctrl + U	Cmd + U

Timeline

Timeline 패널	Windows	Mac
기록 시작/중지	Ctrl + E	Cmd + E
타임라인 데이터 저장	Ctrl + S	Cmd + S
타임라인 데이터 로드	Ctrl + O	Cmd + O

Profiles

Profiles 패널	Windows	Mac
기록 시작/중지	Ctrl + E	Cmd + E

콘솔

콘솔 단축키	Windows	Mac
제안 수락	오른쪽 화살표	오른쪽 화살표
이전 명령/줄	위쪽 화살표	위쪽 화살표
다음 명령/줄	아래쪽 화살표	아래쪽 화살표
콘솔에 포커스 두기	Ctrl + `	Ctrl + `
콘솔 지우기	Ctrl + L	Cmd + K, Opt + L
여러 줄 입력	Shift + Enter	Ctrl + Return
실행	Enter	Return

Device Mode

Device Mode 단축키	Windows	Mac
손가락으로 확대/축소	Shift + 스크롤	Shift + 스크롤

스크린캐스팅 시

스크린캐스팅 단축키	Windows	Mac
손가락으로 확대/축소	Alt + 스크롤,Ctrl + 두 손가락으로 클릭하여 드래그하기	Opt + 스크롤, Cmd + 두 손가락으로 클릭하여 드래그하기
요소 검사 도구	Ctrl + Shift + C	Cmd + Shift + C