반응형 웹페이지 디바이스 사이즈별 미리보기

브라우저에서 반응형 웹페이지 디바이스 사이즈별 미리보기

 

여러 사이트들이 사라지기도 하고

국내 테스트 사이트는 최신 디바이스 버전은 없길래 찾아봄

 

http 혹은 https 사이트가 안보이기도 해서

그중 이것저것 모두 가능한 링크와 방법만 올립니다

 

 

1 크롬 개발자 툴

크롬에서 f12 를 눌러 혹은 

Ctrl+Shift+I (Win) or Option+Command+I (Mac)

디바이스 추가 편집 할 수 있음

 

 

2 좀 편한 인터페이스

http://www.responsinator.com

한 페이지에서 대표적인 사이즈로

내 사이트를 볼 수 있다

 

 

3 좀 편한 인터페이스

http://responsive.pixeltuner.de/

여기도

한 페이지에서 대표적인 사이즈로

내 사이트를 볼 수 있다

320 × 480 / 480 × 640 / 768 × 1024 / 1024 × 768 / 1280 × 800 / 1440 × 900

 

 

4 무료+유료

https://www.browserstack.com

유료는 안써봐서 므르겠지만 맛보기를 보니

디바이스별 정리는 유료형태가 있어 제일 잘됨

구글 로그인 등 잠깐 사용 하기에는 번거로움