Programming/Chrome

[Chrome] 개발자 도구 - 눈금자 표시

가가가가가가 2023. 11. 15. 21:16
반응형

❗ 사실상 기능 개발을 주로 하는 개발자들에게는 쓸모없을 수 있지만, 퍼블리셔에게는 도움 될 수 있는 기능

 

    - 오른쪽 상단 세로 점 3개 버튼 클릭 > Run Command 클릭

    - 또는 Ctrl + Shift + P

 

    -  눈금자 입력 > "마우스를 가져가면 눈금자 표시" 선택

       · 영어 사용중인 경우, "Show rulers on hover" 검색

 

    - 요소 선택

      · 요소 탭 > 왼쪽 상단 화살표 버튼 클릭 

      · Ctrl + Shift+ C

 

    - 눈금자 생성

 

참고

반응형