본문 바로가기

크롬3

[Chrome] 개발자 도구 - 눈금자 표시 ❗ 사실상 기능 개발을 주로 하는 개발자들에게는 쓸모없을 수 있지만, 퍼블리셔에게는 도움 될 수 있는 기능 - 오른쪽 상단 세로 점 3개 버튼 클릭 > Run Command 클릭 - 또는 Ctrl + Shift + P - 눈금자 입력 > "마우스를 가져가면 눈금자 표시" 선택 · 영어 사용중인 경우, "Show rulers on hover" 검색 - 요소 선택 · 요소 탭 > 왼쪽 상단 화살표 버튼 클릭 · Ctrl + Shift+ C - 눈금자 생성 참고 제주코딩벵스캠프 - 아는 만큼 보이는 크롬 개발자 도구 - 눈금자 표시하기 https://www.youtube.com/watch?v=ZwqSsekJVqU&list=PLkfUwwo13dlUJCAGcBOynazaBVgvvj4ba&index=3 2023. 11. 15.
[Chrome] 개발자 도구 - 언어 변경 ● 방법 - 환경설정 이용 - 명령어 실행 1. 환경설정을 이용하는 방법 - 오른쪽 상단 톱니바퀴 버튼 클릭 - 환경설정 > 언어에서 언어 선택 - 페이지 새로고침(F5) 또는 개발자도구에서 새로고침 버튼 클릭 2. 명령어로 실행하는 방법 - 오른쪽 상단 세로 점 3개 버튼 클릭 > Run Command 클릭 - 또는 Ctrl + Shift + P - 원하는 언어 입력 후 선택 · 눈치챘겠지만 언어 설정 외 다양한 기능을 명령어를 통해 실행할 수 있다. 시간이 될 때.. 자세히 써보겠다.. - 페이지 새로고침(F5) 또는 개발자도구에서 새로고침 버튼 클릭 참고 제주코딩벵스캠프 - 아는 만큼 보이는 크롬 개발자 도구 - 언어 변경하기 https://www.youtube.com/watch?v=C7-vDqn4.. 2023. 11. 15.
[Chrome] 개발자 도구 - 실행 및 레이아웃 설정 ● 실행 - F12 - 최근 사용 탭 열기 · Mac : Cmd + Opt + I · Window : Ctrl + Shift + I - 요소 탭 열기 · Mac : Cmd + Opt + C · Window : Ctrl + Shift + C - 최근 사용 탭 열기 · Mac : Cmd + Opt + J · Window : Ctrl + Shift + J ● 레이아웃 설정 - 오른쪽 상단 세로 점 3개 버튼 클릭 - 왼쪽부터 창 분리 / 좌측 고정 / 하단 고정 / 우측 고정 - 모니터가 2개 이상일 경우 창 분리 모드 추천 참고 제주코딩벵스캠프 - 아는 만큼 보이는 크롬 개발자 도구 - 실행하기 https://www.youtube.com/watch?v=4U9yRzF810Y&list=PLkfUwwo13dlUJ.. 2023. 11. 9.
반응형