2 부 내용 ( 1 부로 이동 )

 4. Internet Explorer
 5. Firefox
 6. Opera
 7. Chrome
 8. Safari
 9. 개발자 도구 및 바로 가기
 10. 측정 시간 및 디스크 공간 측정
    • 브라우저 당 필요한 시간 (설치 및 구성)
 11. 최적의 사용법
    • 홈페이지 …에서http://10.0.2.2:8888/

---

설치 및 구성

브라우저 구성 팁 :

• 홈페이지
• “기본 브라우저”및 “업데이트”확인을 비활성화합니다.
• 개발자 도구 활성화

---

4. 인터넷 익스플로러

Windows 7에서는 이전 IE 인스턴스를 실행할 수 ^{없지만 아래 참고 사항을 참조하십시오} . 그렇기 때문에 Win XP VM이 필요합니다.

IE는 다운 그레이드 할 수 없으므로 가장 낮은 버전으로 시작한 다음 별도의 Sandboxie 에서 IE를 업그레이드하십시오 . 기본 환경 설정을 한 번만 설정하도록 업그레이드하기 전에 가장 낮은 브라우저 버전에서 환경 설정을 설정하십시오.

• IE6-WinXP에서 기본적으로 설치
• IE7 / IE8 – Sandboxie에 설치 (WINXP)
• IE9 + -modern.IE 웹 사이트 에서 사전 구축 된 Windows 가상 머신 이미지를 얻습니다 .
  이 이미지는 처음 사용한 후 30 일이 지나면 만료됩니다. 이미지가 만료되면 1 시간 사용 후 종료됩니다. 매번 이미지를 다시 만들지 않으려면 이미지를 활성화하기 전에 VM의 하드웨어 시계를 변경하십시오.
  예를 들어 VirtualBox를 사용하는 경우 터미널을 시작하고 다음 명령을 실행하십시오 (대소 문자를 구분하는 이름으로 바꾸십시오).
  VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>

이 사이트에서 IE6 (및 심지어 IE5.5) 용 완전 오프라인 설치 프로그램을 사용할 수 있습니다 .

IE6 및 IE7의 경우 Internet Explorer 개발자 도구 모음 이 설치되어 있어야합니다. IE8 +는 한 내장 F12 개발자 도구 .

구성

• IE6 설정을 시작하십시오 (홈 페이지, 보안, 쿠키, 기본 브라우저).
• IE7 : (IE7 Sandboxie) 레지스트리를 통해 첫 실행 페이지를 제거하십시오. Microsoft의 TechNet 포럼에서이 게시물을 참조하십시오 .
• IE8 : “Windows Internet Explorer 8 설정”대화 상자를 제거하십시오. IE8을 시작한 다음 “나중에”를 클릭하거나 레지스트리를 수정하면 됩니다.

실제로 응용 프로그램 가상화를 통해 Windows 7에서 IE6-8을 실행할 수 있습니다. VMWare ThinApp 은 훌륭하게 작동하지만 Internet Explorer 설치를 캡처해야하기 때문에 설정하는 데 시간이 더 걸립니다. 또한 소프트웨어 패키지는 매우 비쌉니다 (keygen은 무료로 제공되지만 비 윤리적입니다).

---

5. 파이어 폭스

옵션 1 (lazy) :
Utilu Mozilla Firefox Collection . 이 도구에는 모든 Firefox 버전 (200+ MB) 용 설치 프로그램이 포함되어 있습니다. Firebug, 웹 개발자 툴바 및 Flash도 포함되어 있습니다.

옵션 2 :
여러 Firefox 버전을 동시에 쉽게 설치하고 실행할 수 있습니다.

1. Mozilla 공식 프로파일 매니저를 다운로드하십시오 .
2. http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ 에서 관련 Firefox 버전을 다운로드하십시오 . 이전 버전은 ftp.mozilla.org 에서 찾을 수 있습니다 .
3. 각 Firefox 버전을 설치하십시오. 하나의 기본 디렉토리 ( “Firefox”)를 선택하고 하위 디렉토리의 이름으로 버전 번호 ( “3.6”)를 사용하는 것이 편리합니다.
4. 확장 프로그램 : 가장 오래된 Firefox 버전을 시작하고 좋아하는 확장 프로그램을 얻으십시오.
   • Firebug- 이전 Firefox 버전의 필수 아이템입니다. 최신 Firefox 버전에는 필요하지 않지만 멋진 내장 도구가 있습니다 .
   • HttpFox -HTTP 요청을 측정하는 간단하고 효과적인 도구입니다.
   • 웹 개발자 -웹 개발을위한 매우 유용한 툴바. 많은 시간을 절약합니다.
   • 콘솔 ^2- 내장 콘솔 ( Ctrl Shift> J)을 향상시킵니다 .
5. 기본 설정 : Tools > Options(Windows), Edit > Preferences(Linux)
   • 일반 : 홈페이지
   • 보안 : “사이트에서 애드온을 설치하려고 할 때 경고”를 제외하고 모든 설정을 선택 취소하십시오.
     하단의 버튼을 통해 경고 메시지 설정을 보는 것을 잊지 마십시오.
   • 많은:
     • 일반:
       • 기본 브라우저 확인 : 꺼짐
       • 충돌 보고서 제출 : 해제
     • 업데이트 : 모든 업데이트 비활성화
6. 정리 : 모든 탭을 닫고을 누르고 모두 Ctrl Shift Del확인하십시오. 그런 다음 Firefox를 닫습니다.
7. Firefox의 프로필 관리자 :
   
   • Copy옵션을 통해 각 프로파일을 복제하십시오 .
   • 대화 ^{스크린 샷} 열립니다. 적절한 이름 (예 🙂 Firefox 3.6과 목적지를 선택하십시오 .
   • Firefox version옵션을 사용하여 프로필의 기본 Firefox 버전을 선택하십시오.
   • 또한 한 Start new instance [-no-remote]번에 여러 개의 Firefox 버전을 동시에 실행할 수 있도록 확인란을 선택하십시오 .
8. 마무리
   • Start Firefox단추를 사용하여 Firefox 인스턴스를 시작 하십시오 .
   • 추가 기능 호환성 검사를 실행하고 필요한 경우 업데이트하십시오.
   • 을 사용하여 캐시, 히스토리 등을 지우십시오 Ctrl Shift Del.
   • 각 Firefox 버전에 대해이 단계를 반복하십시오.

---

6. 오페라

Opera : 모든 설치 프로그램 목록은 Opera.com에 있습니다. 여러 버전을 문제없이 나란히 설치할 수 있습니다. 설치하는 동안 “사용자 정의”와 다른 디렉토리를 선택하십시오.
설치시 모든 사용자에 대해 동일한 프로파일을 사용하도록 선택하십시오.

중요 환경 설정 : 설정> 환경 설정> 고급> 보안> 업데이트 확인 안 함

참고 : Opera 15+는 Chrome과 동일한 렌더링 및 JavaScript 엔진을 사용합니다.

---

7. 크롬

Chrome : 독립형 설치 프로그램은 File Hippo 에서 다운로드 할 수 있습니다 .
여러 Chrome 버전을 나란히 실행할 수도 있습니다.

Sandboxie를 사용할 수 있지만 여러 버전을 나란히 실행하려면 다음 기본 방법을 사용하는 것이 좋습니다.

1. File Hippo 에서 원하는 버전을 다운로드하십시오 .
2. 메인 디렉토리를 만듭니다 ( 예 🙂 C:\Chrome\.
3. 예를 들어 7-Zip 을 사용하여 설치 프로그램 (= 설치 안함)을 추출 하십시오 .
   추출 후 아카이브가 작성됩니다. 또한이 파일을 추출하고 작성된 디렉토리를 내립니다.
   이제 와 같은 디렉토리가 보입니다 .
   이동 하기 위해 , 다음에이 디렉토리를 이동합니다 . 나머지 파일 은 안전하게 삭제할 수 있습니다.
   chrome.7zChrome-bin
chrome.exe18.0.1025.45
chrome.exe18.0.1025.45C:\ChromeChrome-bin

4. 각 버전에 대한 바로 가기 를 만듭니다 .

   "C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
   

   이 바로 가기에 대한 설명 :

   • "C:\Chrome\18.0.1024.45\chrome.exe"• 런처입니다
   • --user-data-dir="..\User Data\18" •의 위치와 관련된 사용자 프로필 chrome.exe. --user-data-dir="C:\Chrome\User Data\18"같은 효과에 사용할 수도 있습니다 . 가장 낮은 Chrome 버전에 대한 환경 설정을 설정 하고 각 Chrome 버전에 대한 사용자 프로필을 복제하십시오 . 이전 Chrome 버전은 새 버전의 사용자 프로필 사용을 거부합니다.
   • --chrome-version=18.0.1025.45• 바이너리 위치 :
     • 위치 (예 🙂 18.0.1025.45는 디렉토리 이름이어야합니다.
     • 숫자로 시작하고 끝나야합니다. 사이에 점이 나타날 수 있습니다.
     • 숫자가 반드시 실제 버전 번호와 일치 할 필요는 없습니다 (실제 버전 번호를 사용하는 것이 편리하지만 …).

구성 관련 : 모든 기본 설정은에서 설정할 수 있습니다 chrome://settings/. 나는 보통 홈페이지와 “언더에서”설정을 변경합니다.

• 자동 업데이트 비활성화 : http://dev.chromium.org/administrators/turning-off-auto-updates

많은 Chrome 릴리스에서는 모든 버전을 설치하는 것이 실용적이지 않습니다. 이 단계를 자동화하는 VB 스크립트를 만들었으므로 설치 프로그램을 저장 한 다음 이전 버전의 Chrome을 테스트해야 할 때마다 스크립트를 실행할 수 있습니다. https://gist.github.com/Rob–W/2882558

---

8. 사파리

참고 : Windows에서 Safari 지원이 중단되었습니다. Windows에서 마지막으로 지원되는 Safari 버전은 5.1.7입니다. 최신 Safari 버전에서 사이트를 테스트하려면 Mac 또는 OS X VM이 필요합니다.

Safari는 기본적으로 여러 버전 또는 사용자 프로필을 나란히 지원 하지 않습니다 . Safari 4는 거의 죽기 때문에 5. * 만 테스트하면됩니다. 모든 Safari 버전은 Old Apps 에서 다운로드 할 수 있습니다 .

• Safari 5.0을 다운로드하여 설치하십시오 .
• Safari를 시작하고 환경 설정을 구성하십시오.
• 추가 설치마다 새 Sandboxie 샌드 박스를 만듭니다 . 사용자 프로파일을 최신 버전으로 조정할 수 있도록
  초기에 가장 오래된 버전을 설치하는 것이 중요합니다 .
• Sandboxie 설치에 대한 자세한 내용은 Sandboxie 및 Internet Explorer 섹션을 참조하십시오 .

를 통해 개발자 도구를 활성화해야합니다 Preferences > Advanced > Show Developer menu in menu bar. Safari를 설치 한 후을 통해 Apple 소프트웨어 업데이터를 제거하십시오 Control panel > Add/Remove software.

---

9. 개발자 도구 및 바로 가기

• 인터넷 익스플로러
  • IE6 / IE7 : Internet Explorer 개발자 도구 모음
  • IE8 F12 개발자 도구 ^내장
  • IE9 + F12 F12 개발자 도구 ^내장
• Firefox
  • 3.6+ F12 Firebug ( addons.mozilla.org 참조 )
  • 4 개 이상의 Ctrl Shift K 웹 콘솔 ^내장
  • 모든 Ctrl Shift J오류 콘솔 ^내장 ( 콘솔 ^2를 사용하여 확장 가능 )
• 오페라
  • 9.5+ Ctrl Shift I 오페라 잠자리 ^내장
  • 15 개 이상의 Ctrl Shift J 크롬 개발자 도구 ^내장 .
• 크롬
  • 모든 Ctrl Shift J Chrome 개발자 도구 ^내장 .
• 원정 여행
  • 4+ Ctrl Alt C Safari 개발자 도구 ^내장 . 이러한 도구는 기본적으로 비활성화되어 있습니다. 를 통해 활성화하십시오 Preferences > Advanced > Show Developer menu in menu bar.

---

10. 측정 시간 및 디스크 공간 측정

• 기본 환경을 설정하는 데 30 분이 걸립니다 .
• 브라우저를 설치하는 데 많은 시간이 필요하지 않습니다.
• 브라우저 수에 따라 구성하는 데 시간이 걸릴 수 있습니다.
• 이 가이드 + Opera 12 베타에 나열된 브라우저를 사용하여 WinXP VM 설정 :
  • 다운로드 크기 : 585MB
  • 12 개의 브라우저
  • 사용 시간 : 1:09 시간 (IE까지 32 분)
  • 기기 크기 : 1.1G / 수입 크기 : 2.2G.
  • 자세한 로그 : http://pastebin.com/R7WGPK99
• 자세한 브라우저 호환성 테스트를 위해 거대한 WinXP VM 설정 :
  • 24 개의 브라우저
  • 사용 시간 : 2:15 시간
  • 기기 크기 : 1.4G / 수입 크기 : 3.0G
  • 로그 : http://pastebin.com/SJEgxNyr

브라우저 당 필요한 시간 (설치 및 구성)

• 오페라 : 2 분
• Internet Explorer : 3 분 *
• 사파리 : 4 분 *
• Firefox : 5 분
• 크롬 : 6 분

* Sandboxie Sandbox를 설정하는 시간을 제외합니다 (<1 분).

---

11. 최적의 사용법

설치가 끝나면 CCleaner를 사용하여 정크를 정리 한 후 다음을 수행하십시오.

• 어플라이언스를 내 보냅니다 (이 어플라이언스는 다른 곳을 백업으로 저장할 수 있음).
• 새로 생성 된 가상 머신 제거
• 어플라이언스 가져 오기 (이 단계는 VM의 파일 크기를 줄입니다)
• 검사 점으로 사용할 스냅 샷 생성

이제부터 웹 페이지 테스트가 끝나면 VM을 끄고 “스냅 샷 복원”을 선택하십시오. 이렇게하면 VM을 깔끔하고 빠르게 유지할 수 있습니다.

홈페이지 http://10.0.2.2:8888/

게스트 OS는 IP 주소로 호스트 OS에 액세스 할 수 있습니다 10.0.2.2. 호스트가 인터넷에 연결되어 있지 않아도 8888게스트를 통해 포트에서 실행되는 서버에 액세스 할 수 있습니다 http://10.0.2.2:8888/.

http://10.0.2.2:8888/따라서 홈페이지로 설정 하는 것이 좋습니다.

가능한 사용 사례 :

• 단일 페이지를 테스트하십시오.
• 노출 된 사용자 에이전트에 따라 특정 페이지를 자동으로 표시합니다 (예 : 리디렉션).
• Fiddling : Chrome에서 바이올린을 만들고 Firefox에서 테스트하십시오.
• 텍스트와 링크를 공유하십시오.

이전의 모든 것을 간단한 서버에서 쉽게 구현할 수 있습니다 ( 예 : Node.js 사용 ).

---

답변