IE6, IE7, IE8, IE9, IE10 및 Internet Explorer 11에서 내 사이트를 테스트하는 방법

84

IE6부터 IE11까지 모든 이전 버전의 Internet Explorer에서 사이트를 안정적으로 테스트하려면 어떻게해야합니까?

internet-explorer  testing 
— 일한
소스
1
약 1 년 전에이 작업을 수행 한 스택 교환 파트너 사이트가 없었습니까? 그것은 스택 오버 플로우 팟 캐스트에 있었는데 ... 이름을 잊어 버렸고 그것에 대한 참조를 찾을 수 없습니다.
— Kjensen

답변:

87

타격 F12당신이 브라우저 모드를 사용하여 IE7 (하지 IE6)를 에뮬레이션 할 수있는 개발자 도구를 시작해야 IE8에.

IE8은 IE7을 에뮬레이트합니다

나는 IE9에서 적어도 IE7까지 에뮬레이션 할 수 있다고 생각하지만, 이것을 테스트하기 위해 W7을 구입해야한다는 간단한 아이디어를 자극하기 때문에 단지 추측하고 있습니다.

업데이트 : Jeff Atwood : IE9는 IE7까지 다시 에뮬레이션합니다.

업데이트 2 : 아래 의견에서 Nick이 제안한 것처럼 이전 IE 브라우저를 100 % 확실하게 유지하려면 Microsoft에서 제공 한 VM 을 사용할 수 있습니다 (놀랍게도 무료로 제공됨). 참고로 VM에서 테스트하는 것은 IE 개발자 도구를 사용하는 것보다 시간이 많이 걸리므로 IMHO VMs 테스트는 웹 사이트 나 복잡한 웹 사이트처럼 욕심 많은 것을 테스트 할 때 가치가있을 수 있습니다. jQuery와 일부 CSS를 사용하십시오.

— 마르코 데마 이오
소스
3
+1-완벽한 타이밍! IE7을 사용하여 2007 년에 여전히 갇혀있는 사람을 회사 전체에서 검색 할 때 시간이 한 시간 씩 사라졌습니다. 그런 다음 화면을 공유하는 데 30 분이 걸렸으므로 IE8이 아니라 실제로 IE7을 사용하고 있는지 확인할 수있었습니다. 이제 VMWare 이미지에 Windows XP 및 IE7을 설치하여 버그를 수정하는 대신 오랫동안 눈에 띄고 단순한 솔루션을 사용하여 내 비전을 벗어날 것 같았습니다.) 어떻게 이것을 놓칠 수 있었습니까? 감사합니다!!
— jmort253
4
실제로, 확인 : IE9는 IE7, IE8, IE9 및 IE9 호환 모드를 에뮬레이션 할 수 있습니다.
— Jeff Atwood
2
에뮬레이션이 정확히 동일합니까, 아니면 약간의 차이가있을 수 있습니다.
— Saif Bechan
1
@Saif Bechan : Microsoft가 브라우저와 운영 체제 모두에 대해 지속적으로 릴리스하는 수천 가지 업데이트를 고려하면 분명히 차이가있을 수 있습니다. 그러나 IE를 테스트 할 다른 가능성을 생각해보십시오. Windows에는 3 개의 VM을 설치해야합니다. 하나는 IE7, 하나 또는 IE8, 하나는 IE9입니다. 그러나 이러한 테스트 환경은 아직 설치하지 않은 일부 Windows / IE / Office 업데이트를 설치했거나 설치하지 않은 최종 사용자 환경과 여전히 다를 수 있습니다.
— Marco Demaio
3
@MarcoDemaio IE 9의 IE 7 모드와 실제 IE 7 사이에는 분명히 차이점이 있습니다 . 여기에 두 가지 예가 있습니다 .
— Nick
24

IE 테스터 그것은 IE6, 7, 8 및 9 않습니다

— 존 콘데
소스
2
이미 신뢰할만한 테스터가 아니라고 생각하는 몇 가지 제한 사항을 제외하고 : 1. 이전 / 다음 버튼이 제대로 작동하지 않습니다. 2. 초점이 제대로 작동하지 않습니다. 3. windows.open은 새로 만든 창을 반환하지 않지만 null을 반환합니다.
— Marco Demaio
1
흥미 롭군 나는 그런 문제가 없다.
— John Conde
2
그들은 여기에도 잘 알려진 문제입니다 : my-debugbar.com/wiki/IETester/HomePage
— Marco Demaio
1
@marco, 나는 그 버그가 도입되기 전에 이전 버전을 실행해야합니다. 운이 좋은 날. :) 여전히 브라우저 자체가 작동하며 필요한 작업을 수행합니다.
— John Conde
1
@marco 나는 항상 이전 / 다음 버튼에 대한 메모를 보았고 어떤 조건에서는 작동하지 않을 수 있지만 항상 제대로 작동한다고 가정합니다.
— joshuahedlund
7

레이아웃을 테스트하는 경우 브라우저 샷 웹 사이트를 사용할 수도 있습니다. URL을 입력하면 여러 브라우저에서 사이트 이미지가 반환됩니다.

http://browsershots.org/

— 사랑의 믿음 날개
소스
1
슬프게도 IE에서는 한동안 작동하지 않았습니다. 선택할 수 있지만 상태 페이지에서 서버를 IE의 '사용할 수 없음'으로 나열합니다. IE 전용 테스트의 경우 Net Render는 단순하지만 괜찮은 작업을 수행합니다. ipinfo.info/netrenderer
— Itai
1
@Itai-일시적인 것일 수도 있습니다. 방금 Browsershots를 시도했는데 IE 6, 7, 8에서 테스트 페이지의 스크린 샷이 표시되었습니다. IE9는 사용 가능한 옵션이 아닙니다.
— mvark
1
@mvark-젠장! 오늘도 시도했지만 IE 공장은 오프라인 상태였습니다. 다시 시도하겠습니다.
— Itai
1
@ lovefaithswing : 흥미롭고, 동정심은 스크린 샷 일뿐입니다. 그러나 나는 무료가 아무것도 아닌 것보다 낫다는 데 동의합니다.
— Marco Demaio
5

Microsoft는 또한 다른 IE 버전을 비교하기위한 " Expression Web 4 "를 출시했습니다 . 그러나 비용을 지불해야하며 Windows XP SP3 또는 이후의 Win 버전이 필요합니다.

Expression Web 3 은 무료로 다운로드 할 수 있지만 IE6, IE7과 IE8의 비교 만 포함합니다. (IE9 부족)

— Feeela
소스
1
참고로, 이제 테스트 목적으로 사용할 VM을 (무료로) 제공하기로 결정했습니다. 내 답변에 대한 Nick의 의견을 참조하십시오.
— Marco Demaio
1
그들은 몇 년 동안 그렇게 해 왔지만, 내가 기억하는 한, 그 VM은 사용 기간이 있습니다.
— feeela
4
실제로는 같은 링크에 주에 expalin microsoft.com/en-us/download/details.aspx?id=11575 입력 slmgr –rearm'당신이 원하더라도, 그들은 기본적으로 만료되지 않도록 영원히 이미지를 재설정 명령 프롬프트에서 해당 이미지에 아무것도 저장할 수 없지만 테스트를 위해 충분할 수 있습니다.
— Marco Demaio
2
이제 Expression Web 4를 무료로 사용할 수 있지만 Expression Web 제품은 더 이상 개발되지 않습니다.
— Jacob Hume
4

다른 IE 브라우저에서 웹 페이지 디자인을 확인하려면 Browsershots 또는 WebPageTest를 사용해보십시오 . WebPageTest 는 기본적으로 무료 성능 테스트 도구이지만 홈 페이지 에서 "시각 비교"탭을 선택하고 테스트 할 URL을 제출하면 사이트는 웹 페이지의 " 접은 부분 "보기 위에 확장 가능한 썸네일을 생성 합니다. 로드되는 동안 해당 웹 페이지. WebPagetest 는 로컬로 설치하고 자체 인스턴스를 실행할 수있는 오픈 소스 도구입니다. WebPagetest를 사용하면 IE 버전 6에서 9까지 테스트 할 수 있습니다.

디자인 및 레이아웃뿐만 아니라 사이트의 탐색 및 기능을 수동으로 테스트하려면 Win 7 PC에 무료로 제공 되는 IE 6, 7, 8의 가상 PC 이미지를 설치하십시오 . IETester와 같은 도구는 완전히 신뢰할 수 없습니다 .

— mvark
소스
4

VirtualBox를 사용하여 각 브라우저가 설치된 Windows XP 사본을 실행합니다. 그것은 이상적이지 않지만 나를 위해 작동하며 설정하고 사용하기가 매우 쉽습니다. 또한 특정 OS에서 브라우저가 실제로 어떤 것인지 반영하는 것이 가장 좋습니다.

— chrism2671
소스
3

단순히 육안 검사만으로도 괜찮다면 Adobe의 BrowserLab을 사용할 수 있습니다 . Adobe에서 제공하는 CS Live 온라인 서비스 제품군의 일부입니다. 지금은 CS Live의 12 개월 무료 멤버쉽을 얻을 수 있으므로 단기적으로는 좋은 무료 솔루션입니다. 여러 브라우저 / OS 조합에서 동시에 테스트를 실행하고 이들을 나란히 비교하여 렌더링 차이를 확인할 수 있습니다.

그러나 브라우저 랩에서 JavaScript가 깨 졌는지 또는 CSS 또는 마크 업 오류를 디버깅하는 데 도움을 줄 수 없으므로 항상 실제 테스트 시스템 (또는 VM)을 사용하는 것이 가장 좋습니다. 레이아웃이 특정 플랫폼에서 올바르게 렌더링되지 않는다는 것만 알려줍니다. 그러나 URL을 입력하면 대부분의 주요 OS / 브라우저 조합에서 웹 페이지의 전체 크기 스크린 샷을 즉시 얻을 수 있습니다.

— 레제 마 에스테
소스
3

이 Browserling 선택의 브라우저에서 모든뿐만 아니라 다른 주요 브라우저의 테스트 IE 5-9과 다른 버전을 허용하고!

— 아툴 고얄
소스
1
그들은 매우 신뢰할 수없는 것처럼 보이며 사이트는 IE7 및 IE8에서 모두 잘못 표시됩니다. 사이트 크로스 브라우저를 테스트 한 첫 번째 사람이 아닌 경우 크로스 브라우저 테스트 도구를 어떻게 신뢰할 수 있는지 궁금합니다.
— Marco Demaio
3

spoon.net 브라우저 샌드 박스 ( http://spoon.net/Browsers)를 사용하고 있습니다.

IE6-9를 설치하지 않고도 컴퓨터에서 실행할 수 있습니다. 또한 브라우저 콘솔이 있으며 IE 개발자 툴바와 함께 작동하여 CSS / javascript 디버깅에 도움이됩니다.

— os2firefox
소스
모든 이전 브라우저 버전을 지불합니다.
— KC
3

원하는 플랫폼을 실행하는 기본 하드 박스를 대체 할 수는 없습니다. IE 테스트 스위트는 완전히 정확하지 않으며 일부는 프로덕션에 표시되지 않는 오류를 발생시킵니다 (오 탐지 시간 낭비). 가상 머신은 사람들이 생각하는 것만 큼 신뢰할 수 없습니다 .IE6을 실행하는 동안 여러 VM 관련 버그를 보았습니다 (IE6의 렌더링 엔진은 VM이 제대로 관리 할 수없는 특정 스레드의 조정에 의존한다고 생각합니다).

IE6 / 7 기능이 조직에 중요하다면 저렴한 WinXP 상자 두 개에 한계 금액을 쉽게 지출 할 수 있다고 생각합니다. IETester는 모자를 쓰러 뜨릴 때 당밀과 충돌로 느리고 IE의 '호환성 모드'(첫 번째 패스에 편리함)는 ​​고객이 레거시 박스에서 작업하는 소프트웨어에 실제로 의존하는 경우 머스트 리얼에게 달려 있지 않습니다.

— 지미 브렉 맥키
소스
1
WinXP 머신을 구매하지 않는 문제이지만 하드 박스에서 테스트하는 데 소비되는 시간은 엉덩이를 한 PC에서 다른 PC로 옮길 때 필연적으로 프로그래머에게 많은 노력이 필요합니다. 나는 15도 이상의 무어를 위해 키보드 위로 팔을 올리지 않는다. :-)
— Marco Demaio
2
@MarcoDemaio-원격 세션을 사용하지 않는 이유는 무엇입니까?
— 지미 브렉 맥키
3

Microsoft는 다음을 위해 가상 머신 을 등록없이 자유롭게 제공합니다 .

  • Win7의 IE8
  • Win7의 IE9
  • Win7의 IE10
  • Win7의 IE11
  • Win81의 IE11
  • Win10의 엣지

다음 플랫폼의 경우 :

  • VirtualBox
  • 방랑자
  • HyperV
  • VPC
  • VMware
  • 평행선
— 오르토 말라 로크 니
소스
0

나는 해결책을 많이 찾았습니다. 내가 찾은 가장 좋은 것은 IE 탭 플러그인으로 firefox 8.0을 사용하는 것입니다.이 cas에서는 IE6, IE7, IE8, IE9를 통해 웹 사이트를 테스트 할 수 있습니다. 도움이 되길 바랍니다.

— 니 나르
소스
2
"IE 탭 플러그인"은 컴퓨터에 설치된 IE 버전을 사용하지 않습니까?
— MrWhite
— Ortomala Lokni에게
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.