다운로드: https://www.google.com/chrome/browser/desktop/index.html
간단 사용법
F12를 입력해 개발자 도구를 활성화한다.
단축키 Ctrl+Shift+C를 입력한 후 요소검사를 할 객체를 클릭한다. 개발자 도구를 사용할 수 있다.
마우스 오른쪽 버튼을 클릭한 후 요소검사를 할 수도 있다.
Ctrl+[+], Ctrl+[-] 화면을 확대, 축소한다. Ctrl+[0]을 입력하면 초기화한다.
디바이스(Device) 모드로 전환해 다양한 모바일 및 태블릿 기기 뷰포트(Viewport)를 태스트한다.
웹 뿐만 아니라 앱 개발자에게 반드시 필요한 도구가 아닐까 한다.
'etc' 카테고리의 다른 글
| [툴] Brackets plugin 두번째 (확장 유틸) (0) | 2015.04.09 |
|---|---|
| [툴] Brackets plugin (확장 유틸) (0) | 2015.04.03 |
| [툴] HTML5 Outliner - Chrome (0) | 2015.03.15 |
| [툴] 크롬(Chrome) 브라우저 기초 기본 (0) | 2015.03.14 |
| [툴] Brackets 에디터 기본 (0) | 2015.03.13 |
| [툴] Sublime Text 3 에디터 기본 (0) | 2015.03.12 |
