개발도구켜기 - 설정 - perference - elements - show rulers on hover
https://standout.tistory.com/815
Chrome 개발도구 DevTools 열기, 단축키
1. 마우스 이용하기 마우스오른쪽 - 검사 크롬 주소표시줄 오른쪽 끝 버튼 - 추가도구 - 개발자도구 2. 단축키 이용하기 F12 Ctrl+Shift+C Ctrl+Shift+J Ctrl+Shift+I J Console C Elements I Your last panel
standout.tistory.com
Ctrl P 혹은 Ctrl Shift F - 명령어입력 - ruler - enter혹은 클릭
https://standout.tistory.com/816
Chrome 개발도구 DevTools 명령모드, Run Open Help
개발자모드를 킨 이후, Ctrl+Shift+p https://standout.tistory.com/815 Chrome 개발도구 DevTools 열기, 단축키 1. 마우스 이용하기 마우스오른쪽 - 검사 크롬 주소표시줄 오른쪽 끝 버튼 - 추가도구 - 개발자도구 2
standout.tistory.com
완료
'Personal > Chrome' 카테고리의 다른 글
Chrome 개발도구 DevTools 특정영역 hover 및 focus... 강제하기 (0) | 2023.07.29 |
---|---|
Chrome 개발도구 DevTools 로고다운, 영역 스크린샷 특정영역 캡쳐하기 (0) | 2023.07.29 |
Chrome 개발도구 DevTools, 노드 html 보기 (0) | 2023.07.29 |
Chrome 개발도구 DevTools, media query 인식/코드확인하기 (0) | 2023.07.24 |
Chrome 개발도구 DevTools 모바일/반응형 뷰포트 시뮬레이션: 모바일로보기 모바일화면 회전하기 (0) | 2023.07.24 |