Kaka's Sketchbook

검색 :
RSS 구독 : 글 / 댓글 / 트랙백 / 글+트랙백

다른 사람의 눈에 자신의 블로그는 어떻게 보일까요? "BrowserShots.org"

2007/12/21 17:47, 글쓴이 카카달려
웹 2.0시대가 도래하면서 함께 화두로 떠오른 것이 바로 "웹표준"입니다. 아마 acid테스트를 해보신 분들이 많으실 겁니다. 운영체제와 브라우저에 따라 같은 사이트라 할지라도 다르게 보이는 경우가 많아 정해진 것이 바로 웹표준이며, acid테스는 그 환경이 얼마나 웹표준을 잘 준수하고 있는가를 테스트하는 것이지요.

윈도우만 해도 98, Me, Xp, Vista가 있고, 윈도우 외에도 MacOS, 리눅스 등 수많은 운영체제가 있습니다. 거기에다 Internet Explorer도 5.5, 6.0, 7.0 다른 버젼이 존재하며, Mozilla Firefox, Safari, Opera 등 인터넷 브라우저도 다양합니다.

때문에 같은 사이트라 할지라도 OS와 브라우저에 따라 다르게 보이는 경우가 생깁니다. 때문에 사이트를 구축하거나 웹서비스를 준비하시는 분들은 보통 다양한 환경에서 테스트를 진행하는 것이지요. 블로거 분들도 자신의 블로그가 자신이 원한 그대로의 모습으로 남에게 보여지길 원할 겁니다.

그러한 블로거의 고충(?)을 손쉽게 해결할 수 있는 사이트가 있어 소개합니다. 바로 BrowserShots(http://browsershots.org)라는 사이트입니다.

사용자 삽입 이미지
위는 사이트 첫 화면입니다. 보시면 알겠지만 운영체제와 브라우저를 선택함으로서 다양한 환경에서의 테스트를 동시에 진행할 수 있습니다. 게다가 화면의 크기, 색상구성, 자바스크립트와 플래시의 적용한도까지 세세한 설정까지 조절하여 테스트를 할 수 있습니다.

사용자 삽입 이미지
테스트하려는 사이트 주소를 입력한 후 Submit을 누르게 되면 다음과 같은 화면이 뜹니다.

사용자 삽입 이미지
테스트에는 다소의 시간이 걸립니다.  테스트결과 이미지가 업로중이니 시간이 지난후 다시 방문해달라는 메시지가 보이네요. 시간이 좀 지난뒤 사이트를 다시 방문하면 다음과 같이 결과를 볼 수 있습니다.

사용자 삽입 이미지
위와 같이 운영체제별, 브라우저별로 사이트의 미리보기 이미지를 일목요연하게 볼 수 있습니다.

사용자 삽입 이미지
미리보기 이미지를 다운받아 자신의 컴퓨터에서 볼 수 있는 기능도 제공하네요.

자신의 블로그가 자신의 꾸민 그대로의 모습으로 다른 사람에게 보이고 싶으시다면 한번쯤 테스트해볼만 한 것 같네요.
2007/12/21 17:47 2007/12/21 17:47

맨 위로