크로싱브라우저 테스트의 절대강자 - IE Tester

크로싱 브라우저에 맞추어 작업을 하려면 각 버전별 IE에서 확인을 하는 부분에 난감한 경우가 많았을 겁니다. 필자도 웹디자이너로 작업을 하다보니, IE의 무분별한 브라우저때문에 스트레스를 받기도 하죠~
최신 IE버전에서는 브라우저 뒤틀림 현상이 보완되고는 있지만, 낮은 버전의 브라우저는 참 문제이죠... 차츰 IE 5.5, 6버전의 사용자 수가 줄어들었지만, 아직은 국내 유저들의 사용빈도수를 무시할 수 없기에 크로싱 브라우저에 대한 부분을 감안하여 제작을 하게됩니다.

그럼 제일 문제가 무엇일까요?
바로 바로 각 브라우저의 테스트가 제일 난감한 부분이였을 겁니다.
CSS를 수정하여 조금씩 어긋나는 부분을 수정하지만, 작업 후에 확인할 수 있는 각 버전의 확인을 하려면 가상 환경을 만들어 각 윈도우마다 각 버전의 브라우저를 설치 후 확인하거나 컴퓨터를 버전마다 가지고 있지 않는 이상은 확인하기 정말 곤란하게 되죠^^;;;
그런데 이런 문제를 한번에 해결해 주는 브라우저를 찾은 후 하드코딩에도 무리가 없어지네요^^~ㅎ



IE Tester


이 문제를 해결할 수 있는 IE TESTER는 아래의 사이트인 DebugBar에서 다운받아서 사용할 수 있습니다.

사용자 삽입 이미지

웹사이트 중간쯤에 위치한 Download IETester v0.4.8를 클릭하여 설치하면 됩니다.


사용자 삽입 이미지
 
설치를 완료하고 나면 위와 같은 실행파일이 나타나게 됩니다


사용자 삽입 이미지

IE Tester를 실행하면 처음에는 일반 브라우저와 유사한 창이 뜨게 됩니다.


사용자 삽입 이미지

사용자 삽입 이미지
 
이 브라우저의 상단을 보게 되면 각 IE의 각 버전별 버튼이 있는 것을 확인 하게 될 것입니다.


사용자 삽입 이미지
 
각 버튼별로 창을 띄우고 확인하고픈 웹사이트나 html문서를 열어서 확인하면 됩니다.


사용자 삽입 이미지
사용자 삽입 이미지
 
각 버전의 브라우저를 개별적으로 확인할 수 있지만, 한번에 모든 버전의 브라우저를 확인 할 수도 있습니다.


사용자 삽입 이미지
 
여러 버전의 브라우저를 확인 할 시에는 현재 설치 되지 않은 높은 버전의 브라우저도 함께 확인이 가능합니다.


사용자 삽입 이미지
 
자! 이젠 직접 웹페이지를 열어서 사용하는 일만 남았네요^^*
크로싱 브라우저 작업으로 각 버전 확인에 난감하신 분들에게 도움이 되시길 빌며 이만 줄입니다.
아래에는 설치 페이지 링크와 직접 다운로드 받을 수 있는 링크가 있으니, 확인해보세요^^*


Source : Debug Bar
File DownLoad
 
 
 
 
 
 
03 18, 2011 18:35 03 18, 2011 18:35
'Web Tip'의 관련글 리스트
    이글의 태그와 관련된 글이 없습니다.
WebClear
  • Powered by WebClear
  • Web Tip 03 18, 2011 18:35
http://webclear.co.kr/trackback/631
  1. Thanks for sharing excellent informations. Your web-site is so cool. I'm impressed by the details that you've on this blog. It reveals how nicely you understand this subject. Bookmarked this website page, will come back for extra articles. You, my friend, ROCK! I found just the info I already searched everywhere and simply couldn't come across. What an ideal website.곧 이맘때가 되는 구나