동해둘리의 IT Study

웹사이트 개발시 다양한 환경의 브라우저에서 테스트 하고아이폰, 넥서스, 갤럭시 등등의 다양한 기기에서의 테스트를 필요호 하는데요 이때 사용하면 좋은 툴이 있어서 소개드립니다. https://www.browseemall.com/ 위 사이트에 접속하셔서 프로그램을 다운로드 한 후 설치하게되면 아래와 같이 쉽게 다양한 브라우저 환경에서 테스트를 할 수 있습니다. 아울러 PC에서 사용되는 다양한 브라우저는 물론모바일 기기에서 접속했을 경우도 테스트 가능합니다. 다만, 이 프로그램은 유료로 제공되구요무료버전은 14일간 테스트가 가능합니다.

IT공부방/개발환경,오픈소스 2018. 3. 5. 19:24

웹사이트/홈페이지 개발시, 아이폰, 아이패드, 갤럭시 등등의 서로다른 사용자 환경에 따라 화면이 정상적으로 보여지는지 테스트 해야하는 경우가 있는데요, 크롬의 개발자모드를 이용하면 별다른 프로그램 설치없이 테스트가 가능합니다 먼저 아래화면의 1번을 클릭한 후 2번의 [도구더보기] 클릭 후 [개발자도구]를 선택합니다. 그러면, 아래와 같이 상단부분에 테스틀 할 사용자환경을 선택할 수 있는 선택바가 나타납니다. 이 부분을 iPhone7 , iPhone8 등등 원하는 환경으로 변경하면 아래와 같이 웹사이트/홈페이지의 화면이 해당기기에서 보는것 처럼 변경되게 됩니다. 개발자라면 많이들 알고계시겠지만, 혹시, 모르는 분들을 위해 기록으로 남깁니다

IT공부방/개발환경,오픈소스 2018. 3. 5. 18:29