크로싱 브라우저에 맞추어 작업을 하려면 각 버전별 IE에서 확인을 하는 부분에 난감한 경우가 많았을 겁니다. 필자도 웹디자이너로 작업을 하다보니, IE의 무분별한 브라우저때문에 스트레스를 받기도 하죠~
최신 IE버전에서는 브라우저 뒤틀림 현상이 보완되고는 있지만, 낮은 버전의 브라우저는 참 문제이죠... 차츰 IE 5.5, 6버전의 사용자 수가 줄어들었지만, 아직은 국내 유저들의 사용빈도수를 무시할 수 없기에 크로싱 브라우저에 대한 부분을 감안하여 제작을 하게됩니다.
그럼 제일 문제가 무엇일까요?
바로 바로 각 브라우저의 테스트가 제일 난감한 부분이였을 겁니다.
CSS를 수정하여 조금씩 어긋나는 부분을 수정하지만, 작업 후에 확인할 수 있는 각 버전의 확인을 하려면 가상 환경을 만들어 각 윈도우마다 각 버전의 브라우저를 설치 후 확인하거나 컴퓨터를 버전마다 가지고 있지 않는 이상은 확인하기 정말 곤란하게 되죠^^;;;
그런데 이런 문제를 한번에 해결해 주는 브라우저를 찾은 후 하드코딩에도 무리가 없어지네요^^~ㅎ
최신 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
