728x90
구글 크롬 개발자 도구(F12)
구글 크롬 브라우저에서 F12 키를 누르면 브라우저 화면 디버깅 하기가 훨씬 용이하다.
F12 키를 누르면 브라우저 하단에 개발자 도구 환경이 나타난다.
모니터가 2개인 경우에는 분리가 되기도 한다.
또한, 아래처럼 누르면 스마트폰에서는 어떻게 보이는지 가상으로 확인할 수 있다.
네이버 사이트는 스마트폰으로 보기를 눌러도 보기좋게 변경되지는 않았다.
엊그제 HTML5 인터넷 자료보면서 서버에 파일 올리고 테스트해 본 화면을 구글 크롬브라우저에서 확인해봤다.
내 폰이 애플6 PLUS 라서 어떻게 보이는지 확인해봤다. 실제 스마트폰에서 보이는 거랑 완전 똑같다.
스마트폰을 보면서 코딩 연습하지 않아도 어떻게 동작되는지 화면상에서 확인할 수가 있어 편리할 거 같다.
http://caniuse.com 사이트 가서 기능을 지원하는지 검색하면 브라우저별로 지원여부를 알 수 있다.
canvas 기능은 익스플러로8 에서는 지원을 하지 않는다고 나온다.
'Web 프로그램 > Web 개발도구' 카테고리의 다른 글
| 개발 환경 구축을 위한 툴 설치 (이클립스 환경설정) - 2 (0) | 2015.03.24 |
|---|---|
| 개발 환경 구축을 위한 툴 설치 (JDK 와 이클립스) - 1 (0) | 2015.03.24 |
| Firefox 개발자를 위한 부가기능 설치 (0) | 2015.03.18 |
| EditPlus 기본설정 UTF-8 (0) | 2015.03.17 |
| [Editplus] 칼럼블럭 지정방법 (0) | 2015.03.12 |
Link2Me