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 버전을 동시에 쉽게 설치하고 실행할 수 있습니다.
- Mozilla 공식 프로파일 매니저를 다운로드하십시오 .
- http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ 에서 관련 Firefox 버전을 다운로드하십시오 . 이전 버전은 ftp.mozilla.org 에서 찾을 수 있습니다 .
- 각 Firefox 버전을 설치하십시오. 하나의 기본 디렉토리 ( "Firefox")를 선택하고 하위 디렉토리의 이름으로 버전 번호 ( "3.6")를 사용하는 것이 편리합니다.
- 확장 프로그램 : 가장 오래된 Firefox 버전을 시작하고 좋아하는 확장 프로그램을 얻으십시오.
- Firebug- 이전 Firefox 버전의 필수 아이템입니다. 최신 Firefox 버전에는 필요하지 않지만 멋진 내장 도구가 있습니다 .
- HttpFox -HTTP 요청을 측정하는 간단하고 효과적인 도구입니다.
- 웹 개발자 -웹 개발을위한 매우 유용한 툴바. 많은 시간을 절약합니다.
- 콘솔 2- 내장 콘솔 ( Ctrl Shift> J)을 향상시킵니다 .
- 기본 설정 :
Tools > Options(Windows), Edit > Preferences(Linux)
- 일반 : 홈페이지
- 보안 : "사이트에서 애드온을 설치하려고 할 때 경고"를 제외하고 모든 설정을 선택 취소하십시오.
하단의 버튼을 통해 경고 메시지 설정을 보는 것을 잊지 마십시오.
- 많은:
- 일반:
- 기본 브라우저 확인 : 꺼짐
- 충돌 보고서 제출 : 해제
- 업데이트 : 모든 업데이트 비활성화
- 정리 : 모든 탭을 닫고을 누르고 모두 Ctrl Shift Del확인하십시오. 그런 다음 Firefox를 닫습니다.
- Firefox의 프로필 관리자 :
Copy옵션을 통해 각 프로파일을 복제하십시오 .- 대화 스크린 샷 열립니다. 적절한 이름 (예 :)
Firefox 3.6과 목적지를 선택하십시오 .
Firefox version옵션을 사용하여 프로필의 기본 Firefox 버전을 선택하십시오.- 또한 한
Start new instance [-no-remote]번에 여러 개의 Firefox 버전을 동시에 실행할 수 있도록 확인란을 선택하십시오 .
- 마무리
Start Firefox단추를 사용하여 Firefox 인스턴스를 시작 하십시오 .- 추가 기능 호환성 검사를 실행하고 필요한 경우 업데이트하십시오.
- 을 사용하여 캐시, 히스토리 등을 지우십시오 Ctrl Shift Del.
- 각 Firefox 버전에 대해이 단계를 반복하십시오.
6. 오페라
Opera : 모든 설치 프로그램 목록은 Opera.com에 있습니다. 여러 버전을 문제없이 나란히 설치할 수 있습니다. 설치하는 동안 "사용자 정의"와 다른 디렉토리를 선택하십시오.
설치시 모든 사용자에 대해 동일한 프로파일을 사용하도록 선택하십시오.
중요 환경 설정 : 설정> 환경 설정> 고급> 보안> 업데이트 확인 안 함
참고 : Opera 15+는 Chrome과 동일한 렌더링 및 JavaScript 엔진을 사용합니다.
7. 크롬
Chrome : 독립형 설치 프로그램은 File Hippo 에서 다운로드 할 수 있습니다 .
여러 Chrome 버전을 나란히 실행할 수도 있습니다.
Sandboxie를 사용할 수 있지만 여러 버전을 나란히 실행하려면 다음 기본 방법을 사용하는 것이 좋습니다.
- File Hippo 에서 원하는 버전을 다운로드하십시오 .
- 메인 디렉토리를 만듭니다 ( 예 :)
C:\Chrome\.
- 예를 들어 7-Zip 을 사용하여 설치 프로그램 (= 설치 안함)을 추출 하십시오 .
추출 후 아카이브가 작성됩니다. 또한이 파일을 추출하고 작성된 디렉토리를 내립니다.
이제 와 같은 디렉토리가 보입니다 .
이동 하기 위해 , 다음에이 디렉토리를 이동합니다 . 나머지 파일 은 안전하게 삭제할 수 있습니다.
chrome.7zChrome-bin
chrome.exe18.0.1025.45
chrome.exe18.0.1025.45C:\ChromeChrome-bin
각 버전에 대한 바로 가기 를 만듭니다 .
"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/. 나는 보통 홈페이지와 "언더에서"설정을 변경합니다.
많은 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. 개발자 도구 및 바로 가기
- 인터넷 익스플로러
- Firefox
- 오페라
- 크롬
- 원정 여행
- 4+ Ctrl Alt C Safari 개발자 도구 내장 . 이러한 도구는 기본적으로 비활성화되어 있습니다. 를 통해 활성화하십시오
Preferences > Advanced > Show Developer menu in menu bar.
10. 측정 시간 및 디스크 공간 측정
- 기본 환경을 설정하는 데 30 분이 걸립니다 .
- 브라우저를 설치하는 데 많은 시간이 필요하지 않습니다.
- 브라우저 수에 따라 구성하는 데 시간이 걸릴 수 있습니다.
- 이 가이드 + Opera 12 베타에 나열된 브라우저를 사용하여 WinXP VM 설정 :
- 자세한 브라우저 호환성 테스트를 위해 거대한 WinXP VM 설정 :
브라우저 당 필요한 시간 (설치 및 구성)
- 오페라 : 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 사용 ).
