본문 바로가기

모바일 화면 크기/기기별로 확인할 수 있는 웹 개발자용 브라우저 BLISK

폭스씨지 2016. 11. 18.

"모바일 화면 크기/기기별로 확인할 수 있는 웹 개발자용 브라우저 BLISK"



오늘은 웹 개발자와 블로거 등 데스크탑과 모바일환경을 수시로 확인해야 하는 분들에게 희소식이 될 브라우저를 소개 해 드리겠습니다.


BLISK는 웹 개발에 특화된 브라우저입니다. 크로미움 기반으로 크롬과 비슷한 UI지만 웹 개발, 디버깅, 테스트 환경을 직접적으로 지원합니다.


모든 기기에서 훌륭하게 보이고 잘 작동하는 웹 사이트 개발 및 테스트를 지원합니다.
- 휴대전화 및 태블릿 화면이 완전히 시뮬레이션 됩니다.
- 데스크탑과 모바일의 URL과 스크롤이 동기화되어 작동합니다.
- Blisk는 파일 변경시 페이지를 자동으로 새로고침 합니다.
- 개발툴을 이용해 데스크탑 및 모바일 디버깅을 할 수 있습니다.
- Blisk는 모든 IDE, 언어 및 프레임 워크에서 작동합니다.



위 영상으로 확인하실 수 있듯이, 모바일과 데스크탑 화면을 동시에 띄워서 스크롤 및 스크린샷, 스크린녹화등의 작업을 수행하면서 개발에 사용할 수 있습니다.


"모바일 화면 크기/기기별로 확인할 수 있는 웹 개발자용 브라우저 BLISK"

.



블로거분들은 내 블로그가 모바일환경에 최적화 되어 있는지, 접근성은 좋은지, 애드센스 등 광고의 노출은 정상적으로 동작하는지의 여부를 각각의 기기별로 확인할 수 있습니다.


각각의 모바일 기기의 화면 크기별로 실제 화면을 보듯이 시뮬레이션 할 수 있어서 상당히 유용할것 같습니다.


아이폰 4 이상의 기기와 삼성 갤럭시 S3 이후의 기기, 아이패드, 구글 넥서스 시리즈 등 다양한 기기에서 홈페이지가 정상적으로 보여지고 잘 작동하는지를 실시간으로 체크할 수 있습니다.



위의 이미지는 네이버 메인화면을 띄워 본 화면 스크린샷 입니다. (클릭하시면 실제 사이즈를 확인하실 수 있습니다)


스크롤, 링크이동 등 마치 두대의 기기를 연동하듯 화면을 보여주니 상당히 유용할듯 싶습니다.. ^^


https://blisk.io


공식사이트 링크를 통해 무료로 다운로드 받으실 수 있습니다.


현재는 윈도우, 맥용만 지원되지만 이후 리눅스용으로도 출시 예정이라고 합니다.


------------
이 글의 원본 주소는 http://www.foxcg.com/255 입니다.



그리드형

 

 

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

 

댓글