본문 바로가기

etc

[툴] 크롬(Chrome) 브라우저 기초 기본

다운로드: https://www.google.com/chrome/browser/desktop/index.html

   

간단 사용법

   

F12를 입력해 개발자 도구를 활성화한다.

단축키 Ctrl+Shift+C를 입력한 후 요소검사를 할 객체를 클릭한다. 개발자 도구를 사용할 수 있다.

마우스 오른쪽 버튼을 클릭한 후 요소검사를 할 수도 있다.

Ctrl+[+], Ctrl+[-] 화면을 확대, 축소한다. Ctrl+[0]을 입력하면 초기화한다.

디바이스(Device) 모드로 전환해 다양한 모바일 및 태블릿 기기 뷰포트(Viewport)를 태스트한다.

웹 뿐만 아니라 앱 개발자에게 반드시 필요한 도구가 아닐까 한다.