이전에는 포터블 프로그램을 만들고 테스트를 해보기 위해 Virtual Machines 을 돌리곤 했습니다. 그러나 이제는 스킨을 제작하면서 스킨이 제대로 보여지나 테스트를 하기 위해 브라우져를 포터블로 만들거나 포터블 브라우져를 이용하곤 합니다.

허나 이건 프로그램을 이용하는것이고 간단하게 사이트에서 이용하는 방법도 존재합니다.
개발자, 스킨 제작자 또는 스킨을 수정하고 잘 되었나 확인해보는 블로거면 한두개 정도는 알아두면 좋은 정보입니다.

 어느 브라우져에나 똑같이 보여지는 크로스 브라우져 환경에 맞쳐 스킨을 제작하는 것은 그리 녹녹치 않습니다.
그건 가장많은 버그를 가지고 있는 익스플로러 때문이고 가장많이 사용하는 브라우져인 익스플로러 때문입니다. 
여하튼 이유는 잠시 접고 한두번씩 호환성 검사를 해봐야 하는데 그러한 사이트와 참고가 될만한 툴들을 모아봤습니다.

 


1. BrowserShots


아마도 가장 이용하기 편한곳이 아닌가 싶습니다. 추천하는 바입니다.
홈페이지 => http://browsershots.org/
여타 사이트는 거의 모두 유료입니다. 더군다나 한번만 이용해도 유료인점을 감안하면 브라우져삿은 간단이 이용하기 좋은 사이트 입니다.





원하는 브라우져만 체크하고 하는것이 신상에 좋습니다.^^;


2. IE Tester


프로그램중에서는 가장 유명하지 않나 싶네요. 더군다나 무료로 사용할수 있다는 점이 아주 큰 강점입니다.
홈페이지 => http://www.my-debugbar.com/wiki/IETester/HomePage





포터블로 만들어서 사용하곤 하는데요. 가장 호환성이 좋은 프로그램입니다.

3. Adobe Browser Lab


크로스 브라우져 확인을 위한 온라인 도구입니다. 다른 웹브라우져에서 볼 웹사이트의 스크린샷을 볼수 있습니다.
테스트 페이지에서 확인할수 있습니다. 테스트 페이지 바로가기

하지만 가입을 해야합니다.

홈페이지 => https://browserlab.adobe.com/en-us/index.html





4. CloudTesting


이곳도 테스트를 해볼수 있는곳이지만 가입을 해야합니다.
홈페이지 => http://www.cloudtesting.com/
테스트 브라우져 환경은 아래와 같습니다.
Internet Explorer 6, 7, 8
Mozilla Firefox 3, 3.5, 3.6
Apple Safari 3.2, 4.0, 5.0
Google Chrome Latest Version
Opera 9.6





홈페이지에 동영상을 보면 참고가 됩니다.

5. CrossBrowserTesting


크로스 브라우져 테스트로 유명한 사이트죠. 허나 이또한 유료입니다.
직업적으로 하는 개발자나 제작자는 하나 정도는 이용해볼만한 곳입니다.
홈페이지 => http://crossbrowsertesting.com



6. BrowserCam

이곳은 모바일 운영체제와 브라우져를 지원한다는 점에서 참고할 필요가 있습니다.

홈페이지 => http://www.browsercam.com/


지원 브라우져.
Internet Explorer
Mozilla Firefox
Apple Safari
Google Chrome
Opera
Chrome NXS 2.3
Explorer 5.0 (RQVGA)
Opera 9.7b


지원하는 운영체제.
Mac OSX 10.3–10.5
Windows 98
Windows 2000 Professional
Windows XP
Windows Vista
Fedora Core 6
BlackBerry O 5
BlackBerry OS 6
Apple iOS
Google Android
Windows Mobile 5.0 (RQVGA)
Windows Mobile 6.0
Windows Mobile 6.5




7. Microsoft Expression Web SuperView


소개를 안하려다가 하나 넣어 둡니다. 다른 좋은 툴들이 많은데 정작 익스플로러를 만든곳에서는 하는것이 없으니 하나 정도는 알아야겠지요^^;
개발자를 위한 새로운 기술이라고 합니다.
홈페이지 => http://expression.microsoft.com/en-us/cc136529.aspx


홈페이지에 동영상을 보면 참고가 될것입니다. 영어로 진행을 하네요. 
무료는 아닌것 같네요. 이곳은 저도 잘 모릅니다. 참고만 하세요.




8. IE Collection


이곳은 제가 포터블을 만들때 알았던 곳입니다.
다운로드 => http://finalbuilds.com/iecollection.htm
허나 이것도 많은 버그가 있는것 같습니다.
간단이 포터블을 제작해서 사용할때는 문제가 없으나 지속적으로 사용하기는 좀 그런것 같습니다.
이것의 장점은 다양한 익스플로러를 설치할수 있다는 점입니다.
어디서 ie 1 이나 2버젼을 볼수 있겠습니까? 바로 여기서 볼수 있지요... 바로 그것이 장점이라고 할수 있습니다.
또한 무료로 다운로드 가능하고 사용또한 무제한 입니다.

설치할수 있는 익스플로러 버젼입니다.
Internet Explorer 1.0 (4.40.308)
Internet Explorer 1.5 (0.1.0.10)
Internet Explorer 2.01 (2.01.046)
Internet Explorer 3.0 (3.0.1152)
Internet Explorer 3.01 (3.01.2723)
Internet Explorer 3.03 (3.03.2925)
Internet Explorer 4.01 (4.72.3110.0)
Internet Explorer 5.01 (5.00.3314.2100)
Internet Explorer 5.5 (5.51.4807.2300)
Internet Explorer 6.0 (6.00.2800.1106)
Internet Explorer 6.0 (6.00.2900.2180)
Internet Explorer 7.0 (7.00.5730.13)
Internet Explorer 8.0 (8.00.6001.18702)





9. MultipleIE


익스플로러 여러 버젼을 이용할수 있는 툴입니다. 위의 ie 컬렉션과 비슷합니다.
홈페이지 => http://tredosoft.com/Multiple_IE
멀티 아이도 무료입니다. 다운로드해서 설치하면 됩니다.




몇군데가 더 있지만 역시나 무료로 이용이 가능하고 언제나 테스트를 해볼수 있는것은 IETester 인것 같군요.
아이컬렉션과 멀티아이도 포터블로 제작하곤 했는데요. 아이테스터가 가장 쓸만하고 정작 가장 좋은것은 원본 IE6을 사용하는것입니다.
그래서 저같은 경우는 ie6 을 설치, 삭제를 하지 않고 그대로 이용합니다.
물론 디버그 할때만....

주력 브라우져는 크롬을 사용합니다.