사이트가 Chrome과 Android에서 잘 실행되도록 보장한다고 해서 할 일은 끝나지 않습니다. 하지만 Device Mode는 iPhone과 같은 다른 다양한 기기를 시뮬레이션할 수 있습니다. 다양한 브라우저 솔루션을 제공합니다.
요약
- 특정 기기가 없거나 부분 점검을 하고 싶다면 기기를 브라우저 내에서 바로 에뮬레이트하는 것입니다.
- 기기 에뮬레이터와 시뮬레이터를 사용하면 다양한 기기에서 개발 사이트를 모방할 수 있습니다. 살펴보겠습니다
- 클라우드 기반 에뮬레이터를 사용하면 다양한 플랫폼에서 사이트의 단위 테스트를 자동화할 수 있습니다.
브라우저 에뮬레이터
브라우저 에뮬레이터는 사이트의 응답성을 테스트하는 데 유용하지만 차이를 에뮬레이션하지는 않습니다. UI, CSS 지원, 모바일 브라우저에서 볼 수 있는 특정 동작이 있습니다. 다음에서 사이트 테스트: 모든 것이 예상대로 작동하는지 확인하는 것이 중요합니다.
Firefox 반응형 디자인 보기
Firefox의 반응형 디자인 보기가 있어 특정 문제에 대해 더 이상 생각하지 않고 대신 일반 화면 크기나 자체 크기에서 디자인이 어떻게 변경되는지 가장자리를 드래그합니다.
Edge의 F12 에뮬레이션
Windows Phone을 에뮬레이션하려면 Microsoft Edge의 내장 에뮬레이션을 사용합니다.
Edge는 기존 호환성과 함께 제공되지 않으므로 IE 11의 에뮬레이션을 사용하여 이전 버전의 Internet Explorer에서 표시됩니다.
기기 에뮬레이터 및 시뮬레이터
기기 시뮬레이터와 에뮬레이터는 브라우저 환경뿐만 아니라 전체 기기를 시뮬레이션합니다. OS 통합이 필요한 항목(예: 가상 입력을 통한 양식 입력)을 테스트하는 데 유용합니다. 사용할 수 있습니다.
Android Emulator
Android Emulator의 Stock Browser
현재 Android Emulator에 Chrome을 설치할 수 있는 방법은 없습니다. 하지만 이 섹션 뒷부분에서 다룰 Android 브라우저, Chromium Content Shell 및 Android용 Firefox 참조하세요. Chromium Content Shell은 동일한 Chrome 렌더링 엔진을 사용하지만 브라우저별 기능을 제공합니다.
Android Emulator는 Android SDK와 함께 제공되며 여기에서 다운로드해야 합니다. 그런 다음 안내에 따라 가상 기기를 설정하고 에뮬레이터를 시작합니다.
에뮬레이터가 부팅되면 브라우저 아이콘을 클릭하면 바로 Android용 Stock Browser입니다.
Android의 Chromium Content Shell
Android Emulator 콘텐츠 셸
Android용 Chromium Content Shell을 설치하려면 에뮬레이터를 실행 중인 상태로 두고 다음을 실행합니다. 명령어를 실행합니다
git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh
이제 Chromium Content Shell로 사이트를 테스트할 수 있습니다.
Android 기반 Firefox
Android Emulator의 Firefox 아이콘
Chromium의 Content Shell과 마찬가지로, 에뮬레이터에 Firefox를 설치하기 위한 APK를 가져올 수 있습니다.
다음에서 올바른 .apk 파일을 다운로드합니다. https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.
여기에서 다음 명령어를 실행합니다.
adb install <path to APK>/fennec-XX.X.XX.android-arm.apk
iOS 시뮬레이터
Mac OS X용 iOS 시뮬레이터에는 Xcode가 함께 제공되며 이는 App Store에서 설치할 수 있습니다.
완료되면 Apple 문서를 통해 시뮬레이터로 작업하는 방법을 알아보세요.
Modern.IE
최신 IE VM
Modern.IE 가상 머신을 사용하면 VirtualBox를 통해 컴퓨터에서 다양한 버전의 IE에 액세스할 수 있습니다. (또는 VMWare)에 대해 걱정할 필요가 없습니다. 다운로드 페이지에서 가상 머신을 선택하세요.
클라우드 기반 에뮬레이터 및 시뮬레이터
에뮬레이터를 사용할 수 없고 실제 기기에 액세스할 수 없는 경우 클라우드 기반 에뮬레이터는 차선책입니다. 클라우드 기반 에뮬레이터가 실제 기기 및 로컬 에뮬레이터에 비해 큰 이점 다양한 플랫폼에서 사이트의 단위 테스트를 자동화할 수 있다는 것입니다.
- BrowserStack (상용)은 수동 테스트에 가장 쉽게 사용할 수 있습니다. 운영 체제를 브라우저 버전과 기기 유형을 선택하고 찾아볼 URL을 선택하면 상호작용할 수 있는 호스팅 가상 머신입니다. 또한 동일한 화면에서 여러 기기에서 앱의 디자인과 분위기를 테스트할 수 있습니다. 있습니다.
- SauceLabs (상용)를 사용하면 에뮬레이터 내에서 단위 테스트를 실행할 수 있습니다. 흐름을 스크립팅할 때 매우 유용하며 다양한 기기에서 작동합니다 사이트에서 수동 테스트를 수행할 수도 있습니다.
- Device Anywhere (상용)는 에뮬레이터가 아니라 사용자가 제어할 수 있는 실제 기기를 사용합니다. 액세스할 수 있습니다 이 기능은 특정 IP에서 문제를 재현해야 할 때 매우 유용하며 이전 가이드의 어떤 옵션에서도 버그를 확인할 수 없을 것입니다.
- LambdaTest (상용)는 조합에 대해 수동 교차 브라우저 테스트를 수행하는 데 도움이 됩니다. 2000개 이상의 브라우저와 실행할 수 있습니다 사용자는 복잡한 버그와 이브를 담은 동영상을 녹화할 수 있음 MS Teams, Slack 등의 통합 기능을 통해 공유할 수 있습니다. 사용자는 다음과 같은 방법으로 테스트 속도를 높일 수 있습니다. 실행할 수 있습니다