반응형웹 제작을 위한 반응형 웹 테스터 크롬 확장프로그램 cover

반응형웹 제작을 위한 반응형 웹 테스터 크롬 확장프로그램

안녕하세요. 코딩웍스입니다.

수강생 중 한분이 전에 소개 드렸던 반응형 웹 테스터 크롬 확장 프로그램이 없어졌는데 다른 확장 프로그램을 추천해달라 하셔서 기왕이면 블로그에 소개할겸 글을 올립니다.

물론 크롬 개발자 도구로 반응형 상태를 확인할 수 있지만 아무래도 크기의 정확도가 확장프로그램을 사용하는 것 보다는 다소 떨어집니다. 물론 반응형 웹 제작할 때 초반에서 중반은 크롬 개발자 도구로 보셔도 됩니다. 하지만 좀 더 정확한 크기를 확인하기 위해서 반응형 웹 테스터 크롬 확장 프로그램을 사용하시기를 권장드립니다.

물론 크롬 확장프로그램은 서버 환경에서만 작동됩니다. 곧, 윈도우 탐색기에서 html 오픈한 브라우저에는 작동되지 않는다는 뜻 입니다.

추천하는 반응형 웹 테스터 확장프로그램은 아래에 있는 프로그램입니다.
※ 크롬 확장프로그램은 시간이 지나면 없어지는 것들도 종종 있으니 참고하세요.

확장 프로그램을 설치하면 아래 처럼 아이콘을 생성됩니다. 그 아이콘을 클릭하고 원하는 크기의 디바이스를 선택하면 또 다른 브라우저가 뜹니다. 새롭게 뜬 브라우저를 보시면서 작업하시면 됩니다. 좋은 점은 에디터에서 라이브 프리뷰가 PC와 모바일 화면에서 동시에 적용됩니다.