PC에서 모바일 페이지 보는 mobile responsive web design tester 크롬 확장프로그램

pc에서 모바일 페이지보는 mobile responsive web design tester 크롬 확장프로그램

pc에서 모바일 페이지를 볼수 있게 만들어놓은 크롬 확장프로그램으로 간단히 설치하여 쉽게 확인 해 볼수 있다

모바일폰 제품군별로 가로폭과 높이에 따라 우측의 아이콘을 이용하여 세로 및 가로형태로 모바일 페이지를 보여 준다 

사용자 정의에서는 원하는 가로사이즈 와 높이를 추가로 입력 가능하다 그러나 디바이스 추가는 할수 없다


반응형 블로그의 모바일 페이지 또는 웹사이트 모바일 페이지를 즉시 확인 할때 편리하다


이외에도 참고로, 다음(daum) 트로이 responsive web tester는 확장프로그램이 아니며

또한 크롬브라우져에서 F12키를 이용한 방식도 있다



첫번째 확장프로그램





현재 mobile/responsive web design tester 버젼은 2.2 로 사용해 보니 부족한 부분이 있는데 최근 업데이틑 빈도가 거의 없다



Custom  user Agent 에서는 디바이스 추가를 하며 width 와 height 를 입력하여 submit 하면 모바일 화면을 보여주며 방금 추가한 디바이스는 디폴트 목록에 추가되지 않는다는 점이 아쉽다 이기능을 업데이트 시켜주면 좋을 텐데..



mobile responsive web design tester 크롬 확장프로그램 설치



아래 두번째 확장프로그램



위와 비슷한 것으로 약간 사용법이 다르며 장치디바이스를 추가할수 있는 잇점이 있다

크롬확장프로그램 responsive web design tester

이것은 별도로 옵션기능을 가지고 있기때문에 사용자가 장치 디바이스를 추가가 된다

약간 사용하기가 조금 불편하긴 한데 디바이스 추가 기능이 




크롬 확장프로그램 Responsive web design tester 1.0. 20 을 띄워 보면 크롬바의 우측 상단에서 실행하고 선택디바이스 팝업창이 올라 온다


옵션(options)에서는 목록 제품군에 나타나지 않은 디바이스 추가가 가능하다 




새로운 디바이스를 추가 방법은 new group 을 선택한후 그룹을 만들고 New Device 를 누르면 된다


 

responsive web design tester 크롬 확장프로그램 설치


블로그나 웹사이트를 운영하면 모바일 페이지가 어떻게 보여지는지 확인 필요성이 있고 또한 반응형 웹페이지가 모바일에서 어떻게 보이는지 pc( 또는모바일폰)로 확인 해보면 된다

신고
* 위의 본문글을 허락없이 재배포 할수 없습니다 [자세히]