웹사이트/홈페이지 개발시 아이폰 아이패드 사파리 크롬등 테스트하기

웹사이트/홈페이지 개발시, 아이폰, 아이패드, 갤럭시 등등의 

서로다른 사용자 환경에 따라 화면이 정상적으로 보여지는지 테스트 해야하는 경우가 있는데요,

크롬의 개발자모드를 이용하면 별다른 프로그램 설치없이 테스트가 가능합니다

먼저 아래화면의 1번을 클릭한 후 2번의 [도구더보기] 클릭 후 [개발자도구]를 선택합니다.

그러면, 아래와 같이 상단부분에  테스틀 할 사용자환경을 선택할 수 있는 선택바가 나타납니다.

이 부분을 iPhone7 , iPhone8 등등 원하는 환경으로 변경하면 

아래와 같이 웹사이트/홈페이지의 화면이 해당기기에서 보는것 처럼 변경되게 됩니다.

개발자라면 많이들 알고계시겠지만, 

혹시, 모르는 분들을 위해 기록으로 남깁니다