Simple Chrome Developer Tools Shortcut.

Simple Chrome Developer Tools Shortcut.

필요하고 간단한 것만 서술.

Etc.

Shift+ESC => Chrome 작업 관리자 열기.

Console.

Ctrl+L => 콘솔 지우기.

Shift + Enter => 여러 가지 라인 입력.

Profiles.

Ctrl+E => recording 시작 or 멈춤.

Timeline.

Ctrl+E => recording 시작 or 멈춤.

Ctrl+S => Timeline 데이터 저장.

Ctrl+O => 저장된 Timeline 데이터 불러오기.

Source.

F8/Ctrl+\ => Pause / Resume.

F10/Ctrl+' => Step over.

F11/Ctrl+; => Step into.

Shift+F11/Ctrl+Shift+; => Step out.

Ctrl+B/해당라인 클릭 => Breakpoint toggle.

해당라인 우클릭 => Breakpoint의상태 설정.

Ctrl+G => 라인 번호 이동.

Ctrl+O/Ctrl+P=> 파일 이름으로 찾기.

Ctrl+Shift+O=> 멤버 이름(Object)으로 찾기.

Ctrl+Shift+E=> 선택된 소스 코드 실행 => Console 패널에 표시.

Ctrl+/ => 주석 toggle. ==> pause 버튼 상태값.

Black Color => 예외 발생시 멈추지 않음.

Blue Color => 모든 예외 발생시 멈춤.

Purple Color => Catch 되지 않은 예외 발생시에만 멈춤.

Open Developer Tools.

Ctrl+Shift+I/F12 => 간단히 개발자 도구 열기.

Ctrl+Shift+C => 개발자 도구를 열면서 element 선택 상태로 만든다.

Cf) 개발자 도구가 열려 있는 상태라면 element 선택 상태 toggle.

Ctrl+Shift+J => console tap 선택 상태로 개발자 도구 열기 => 한 번 더 Ctrl+Shift+J를 누르면 inspector의 inspector를 연다.

Panel Common Shortcuts.

?/F1 => General Settings 다이얼로그 열기.

Ctrl+] => 다음 패널.

Ctrl+[ => 이전 패널.

Ctrl+1 ~ Ctrl+9 => 숫자에 해당하는 순서의 패널로 이동.

Ctrl+F => 현재 패널/소스에서 찾기.

Ctrl+Shift+F => 전체 소스에서 찾기.

Ctrl+O => 파일명으로 찾기.

Elements.

Ctrl+Z => 변경사항 되돌리기.

Ctrl+Y => 변경사항 재적용.

Enter / Double Click => 선택된 attribute 수정.

H => 선택된 element 숨기기.

F2 => HTML 수정 모드 toggle.

Ctrl+property/value click => 해당 property/value가 정의된 소스 코드의 해당 부분으로 이동.

Cf) 참고 => https://developers.google.com/chrome-developer-tools/docs/shortcuts

계속 내용을 추가할 예정.