메뉴

IE 테스터 자습서 – Internet Explorer 브라우저 온라인 테스트

  • 메인
  • 다른
  • IE 테스터 자습서 – Internet Explorer 브라우저 온라인 테스트

ie tester tutorial internet explorer browser testing online

문제를 제거하기 위해 도구를 사용해보십시오

IE 테스터 자습서 : Internet Explorer 테스터 도구를 사용하여 여러 버전의 Internet Explorer에서 웹 사이트를 테스트하는 방법 알아보기

IE Tester는 특정 웹 사이트 / 웹 페이지가 모든 버전의 Internet Explorer에서 완벽하게 작동하는지 확인하는 데 사용되는 소프트웨어입니다.

IE Tester를 사용하면 한 번에 모든 버전의 IE에서 웹 사이트를 확인할 수 있습니다. IE Tester는 Core Services의 무료 소프트웨어입니다.

즉 테스터

학습 내용 :

왜 IE 테스터인가?

많은 오픈 소스 브라우저를 사용할 수 있지만 많은 조직에서 Internet Explorer 만 지원합니다. 소프트웨어를 다운로드하고 설치하려면 많은 관리자 권한이 필요하기 때문입니다.

이러한 경우 클라이언트의 요구 사항은 웹 응용 프로그램이 모든 버전의 Internet Explorer에서 제대로 작동해야한다는 것입니다. 따라서이 상황에서 테스터는 가능한 모든 버전의 브라우저에서 사용자 인터페이스 테스트를 수행해야합니다.

또한 클라이언트가 브라우저 인터페이스 테스트를 수행하는 동안 사용할 브라우저를 구체적으로 언급 한 경우 다른 브라우저에서 웹 사이트를 확인할 필요가 없습니다. 테스터는 필요한 버전의 Internet Explorer에서만 웹 사이트를 테스트하여 직접 진행할 수 있습니다. IE 테스터 이 상황에 가장 적합한 도구입니다.

Internet Explorer 자체는 여러 버전에서 웹 사이트를 테스트하는 옵션을 제공합니다. 그러나 Internet Explorer 6 및 7에서 웹 사이트를 테스트하는 옵션은 제공하지 않습니다.

Internet Explorer 8 이상에서만 웹 사이트를 테스트 할 수 있습니다. 그렇게하기 위해서는 Internet Explorer => F12 누르기 => 개발자 도구가 열립니다 => 아래쪽 화살표 클릭 => 에뮬레이션 선택 => 'User-agent string'아래에 다른 버전의 Internet Explorer가 표시됩니다.

IE Tester는 Internet Explorer 6 이상에서 웹 사이트를 테스트하는 옵션을 제공합니다.

IE 테스터 다운로드 및 설치

IE 테스터 다운로드 IETester 홈페이지 .

녹색 버튼을 클릭하여 “IE Tester v0.5.4 (60MB) 다운로드” . 다운로드 프로세스가 즉시 시작되고 페이지 하단에 다음과 같은 다운로드 진행률 표시 줄이 표시됩니다.

진행률 표시 줄 다운로드

이 작업이 완료되면 exe 파일을 두 번 클릭하면 라이센스 계약을 보여주는 팝업이 나타납니다. 클릭 '나는 동의한다' 버튼을 누르면 다음 창이 표시됩니다.

IE 테스터 설치

여기에서는 영어 이외의 모든 언어를 선택 취소했습니다. 이 모든 언어를 확인 상태로 유지할 수도 있습니다. 클릭 '다음' 버튼을 누르면 다음과 같은 창이 나타납니다.

설치 위치 선택

클릭 '설치' 단추.

설치 과정

몇 초 내에 설치가 완료되고 바탕 화면에 바로 가기가 표시됩니다. 열려면 두 번 클릭하십시오. IE Tester의 첫 모습은 아래와 같습니다.

IE 테스터의 첫 모습

Internet Explorer 테스터 도구를 사용하는 방법?

IE 버전 별 버튼

위의 이미지에서 볼 수 있듯이 각 IE 버전에 대한 버튼이 있습니다. 특정 버튼 또는 '모든 IE 버전'의 마지막 버튼을 클릭하여 어느 한 버전에서 웹 사이트 / 웹 페이지를 확인할 수 있습니다.

이 버튼을 사용하면 언급 된 모든 버전에서 웹 사이트 / 웹 페이지를 확인할 수 있습니다. 클릭하면 '모든 IE 버전' 버튼을 누르면 아래와 같은 창이 나타납니다.

이 모든 버튼을 사용하면 IE 버전 10 용 버튼이 비활성화됩니다. IE 버전 10이 기본 버전이고 Windows 8에만있는 경우에만 활성화됩니다. 즉,이 버튼은 OS가 Windows 8 인 경우에만 활성화됩니다.

모든 버전 선택 및 선택 취소

위의 이미지에서 볼 수 있듯이 선택에 따라 모든 버전을 선택 및 선택 취소 할 수 있습니다. 주어진 공간에 URL을 입력하고 '확인'을 클릭합니다. 버전마다 다른 탭이 열리 며 '찾아보기'버튼을 사용하여 컴퓨터에 저장된 HTML 파일을 선택할 수 있습니다.

버전 10을 선택하고 URL을 입력 한 후 '확인'을 클릭하면 IE 버전 10에서 웹 사이트 / 웹 페이지를 확인할 수 있습니다. 따라서 직접 버튼이 활성화되지 않은 경우에도이 방법을 사용하여 version10에서 웹 사이트 / 웹 페이지를 확인할 수 있습니다. URL을 입력하여 '확인'을 클릭하면 다음과 같은 창이 나타납니다.

IE 버전 10에서 열린 웹 페이지입니다.

위 이미지에서 볼 수 있듯이 IE 버전 10에서 웹 페이지가 열립니다. 이제 IE Tester의 모든 버튼, 메뉴 및 하위 메뉴가 하나씩 표시됩니다.

탭 닫기 버튼 : 이 버튼은 아래 이미지와 같이 검은 색 화살표가있는 IE Tester 로고 옆에 있습니다. 활성 탭을 닫습니다. 이 버튼의 키보드 단축키는‘Ctrl + W’입니다.

탭 닫기 버튼

이제 탭 닫기 버튼 옆에있는 화살표, 즉 위 이미지에 표시된 갈색 화살표에 대해 알아 보겠습니다. 이 화살표를 클릭하면 네 가지 옵션이 표시됩니다. 첫 번째 옵션은 '닫기' . 이 옵션을 선택하면 '탭 닫기 버튼'이 닫히거나 표시되지 않습니다.

다음 또는 두 번째 옵션은 ‘추가 명령’ . 이 옵션을 선택하면 다음 창이 나타납니다.

추가 명령 옵션

여기에 드롭 다운 목록이 있습니다. '다음에서 명령 선택' . 이 드롭 다운 목록에서 선택한 옵션에 따라 명령이 변경되고 그에 따라 명령을 '추가'또는 '제거'할 수 있습니다. 변경을 완료하려면‘확인’을 누르고 '초기화' 변경 사항을 취소합니다.

라는 버튼이 하나 있습니다. ‘맞춤 설정’ , 특정 명령에 대한 키보드 단축키를 사용자 정의 할 수 있습니다.

확인란을 선택하면 ‘리본 아래에 빠른 실행 도구 모음 표시’ 그러면 아래 이미지와 같이 도구 모음이 표시됩니다. 바로 옆에있는 화살표의 드롭 다운 목록에서도 동일한 옵션을 사용할 수 있습니다. '탭 닫기' 이전 이미지에서 갈색 화살표로 표시된 버튼입니다.

원하는 경우 다시 위쪽으로 이동할 수 있습니다. 이 도구 모음을 리본 아래로 이동하면 옵션 대신 ‘리본 아래 표시’ , 옵션이 표시됩니다. ‘리본 위에 표시’ .

리본 아래에 표시

홈 탭 : 아래 이미지에 표시된대로이 탭에서 사용할 수있는 다양한 탐색 및 디버깅 옵션이 있습니다.

탐색 및 디버깅 옵션

다른 페이지로 이동하면 '이전' 과 '다음' 버튼이 활성화됩니다. 탭을 열고 주소 표시 줄에 입력하면 '새롭게 하다' 버튼이 활성화됩니다. 그만큼 '중지' 버튼은 IE 테스터가 새 페이지를 열 때만 활성화됩니다.

여러 탭 (두 개 이상)이 열려있는 경우 ‘활성 탭을 제외한 모두 닫기’ 버튼이 활성화됩니다. 탭이 하나만 열려 있어도 '모든 탭 닫기'버튼이 활성화됩니다.

탭을 여는 동안 '디버그 바 전환'및 '즐겨 찾기'버튼이 활성화됩니다. 'Toggle Debug Bar'옵션을 사용하려면 Debug Bar를 다운로드해야합니다. 이전 버전은 최신 버전의 IE 테스터에서 작동하지 않습니다. '즐겨 찾기'버튼이 예상대로 작동하지 않습니다.

Dev Tools 탭 : 이 탭은 주로 개발자에게 유용한 옵션을 제공합니다. 웹 페이지의 소스 코드를 볼 수 있습니다. 텍스트 크기를 늘리거나 줄일 수 있습니다. 사용성 및 사용자 인터페이스 테스트에 도움이됩니다. 이미지, 자바, 자바 스크립트, ActiveX 등을 비활성화하여 웹 페이지를 볼 수 있습니다.

비디오 및 배경 소리를 비활성화하여 웹 페이지를 테스트 할 수도 있습니다. 디버그 바를 토글 디버그 바에 다운로드하고 소스 코드를 확인해야합니다. 개발자에게도 도움이 될 것입니다.

보기 탭 : 아래 이미지와 같이보기 탭에는 '전체 화면'과 '리본 숨기기'의 2 개의 버튼이 있습니다. 사용 ‘전체 화면’ 버튼을 누르면 전체 화면 모드에서 웹 페이지를 볼 수 있으며이 모드에서는 하나의 버튼 만 표시됩니다. ‘전체 화면 닫기’ 전체 화면 모드를 종료합니다.

보기 탭

클릭하면 ‘리본 숨기기’ 버튼을 누르면 전체 화면 모드와 동일한 효과가 나타납니다. 유일한 차이점은 전체 화면 모드에서는이 전체 화면 모드를 종료하는 버튼이 화면에 계속 표시되며 리본 숨기기 모드에서는 버튼이 표시되지 않는다는 것입니다. 이 모드를 종료하려면 IE Tester 로고를 클릭하고 '리본 표시'옵션을 선택하십시오.

옵션 탭 : 옵션 탭에는 인쇄 옵션이 있습니다. 여기에서 IE Tester 버전을 확인하고 새 버전의 IE Tester를 사용할 수있는 경우 버튼을 사용하여 인터넷 속성을 열 수 있습니다. ‘Internet Explorer 옵션’ .

리본 탭 최소화 : 이 버튼을 클릭하면 작업중인 도구 모음이 최소화됩니다. 당신은 볼 것입니다 ‘리본 보이기’ 버튼을 눌러 최대화합니다. 이 버튼을 사용하는 효과는 전체 화면 모드 및 리본 숨기기 모드와 다릅니다. 이렇게하면 도구 모음이 최소화되고 제목을 볼 수 있습니다.

IE 테스터는 어떻게 생겼습니까?

다음 이미지는 Internet Explorer 버전이 지원되는 경우 IE Tester에서 웹 페이지가 어떻게 표시되는지 보여줍니다. 여기서는 기본 버전의 Internet Explorer (Microsoft Edge)와 함께 URL www.firstcry.com을 사용했습니다.

IE 테스터의 모습

아래 이미지는 웹 사이트에서 Internet Explorer 버전을 지원하지 않는 경우 IE Tester에서 웹 페이지가 어떻게 보이는지 보여줍니다. 이를 위해 Internet Explorer 버전 6과 동일한 URL을 사용했습니다.

IE 테스터가 지원되지 않는 버전을 찾습니다.

Internet Explorer 테스터 소프트웨어의 오류

여기서는 IE Tester 버전을 사용하여 IE6, IE10 (IE Tester 팀에 따라 작동하지 않는 IE10) 만 시도했으며 Default IE가 작동합니다. www.firstcry.com을 열려고 시도하는 동안 Google 페이지 외에 다음 오류가 표시됩니다.

내 라우터 사용자 이름과 비밀번호가 뭐야

IE 테스터 오류

IE 버전 5 버튼을 클릭하면 아래 이미지와 같이“요청한 IE 버전을로드 할 수 없습니다”라는 오류 메시지가 표시됩니다. 사용할 수없는 경우 도구 모음에서 제거해야합니다.

버전 5 오류

결론

IE Tester는 테스터와 개발자에게 유용하며 많은 시간을 절약합니다. 필요한 Internet Explorer의 이전 버전을 다운로드하고 사용하는 것은 지루한 작업입니다. 따라서 IE Tester는 테스트에 많은 도움이됩니다.

브라우저 호환성 테스트를 위해 많은 유료 도구를 사용할 수 있지만 프로젝트 예산에 확실히 영향을 미칩니다. IE Tester는 브라우저 호환성 테스트에 매우 유용한 무료 도구입니다.

시도해 볼 준비가 되셨습니까?

추천 도서

^