반응형

 

[웹사이트] 반응형 웹페이지 확인 - 다음 트로이

 

준비물 : 다음 트로이

 

 웹 프로그래밍 혹은 웹 디자인을 하다보면, 수정한 값 마다 핸드폰에서 어떻게 보이는지 확인을 해야할 경우가 생기는데요.

 

이럴 때 유용한 싸이트를 오늘 알려드릴려고 합니다.

 

  다음 트로이

 

 위의 싸이트에 접속하시게 되면, 아래와 같은 화면을 보게 됩니다.

 

 사용법은 무척 간단한데요. 아래에서 URL을 입력하고 디바이스를 선택하면 원하는 디바이스에서의 모습을 보여줍니다.

 

여러 디바이스를 비교해서 볼수도 있구요.

 

 왼쪽 메뉴를 보게 되면 다양한 제조사의 다양한 제품들을 비교해 볼 수 있습니다.

 

 크롬의 개발자 툴(F12)와 함께하면 좀더 세부적인 분석도 가능합니다.

 

다만 제가 웹코딩을 손에 놓은지 오래되서 어렵기만 하네요..

 

 그리고 상단의 화살표를 활용해서 테스트 환경을 공유해서 보여주는 기능도 제공하고 있습니다.

 

 

 위의 기능들을 활용해서 이쁜 반응형 홈페이지 만드는데 도움이 되었으면 좋겠네요 ^^

 

반응형

복사했습니다!