웹 개발자는 자주 테스트하는 웹사이트에 특정 브라우저(예를 들어,크롬)반복적으로 개발 기간 동안 단계입니다. 이를 통해 코드베이스에 대한 모든 변경 사항이 브라우저에 반영되는 방식을 확인할 수 있습니다. 이 프로세스는 웹 개발자가 실제 세계에 맞게 사이트를 최적화하고 있음을 보장합니다.
그러나 개발자는 전체 웹 트래픽의 52%가 모바일 장치에서 나오는 것을 명심해야합니다. 결과적으로,그들은 자신의 웹 사이트가 모바일 브라우저에서 실행되도록 잘 최적화되어 있는지 확인해야합니다., Chrome 은 전 세계적으로 현재 시장 점유율이 61.2%인 선도적 인 모바일 브라우저입니다. 따라서 크롬에서 웹 사이트의 모바일 버전을 테스트하는 것이 중요합니다.
이 문서는 것을 목표로 설명하는 방법 개발자를 볼 수 있는 모바일 웹 사이트 버전에 크롬을 통해 데스크탑. 또한 실제 모바일 장치에서 웹 사이트를 테스트 할 수있는 방법을 설명합니다.먼저 사용자가 모든 웹 사이트의 모바일 버전을 즉시 볼 수있는 방법을 이해합시다.
모바일보기 용 Chrome DevTools 에서 장치 시뮬레이션 사용
사용자는 Chrome Devtools 를 사용하여 웹 사이트의 모바일 버전을 볼 수 있습니다.,
아래 Chrome 에서 웹 사이트의 모바일 버전을 볼 수있는 단계는 다음과 같습니다.
- F12 를 눌러 DevTools 를 엽니 다.
- 사용 가능한”장치 토글 도구 모음”을 클릭하십시오. (아이콘이 파란색으로 변할 때 장치 모드)
- 장치를 선택할 시뮬레이션의 목록에서 iOS and Android devices.
- 원하는 장치가 선택되면 웹 사이트의 모바일보기를 표시합니다.
참고:이 교육 방법을 시뮬레이션 할 수 있습 다른 뷰포트에서 바탕 화면 브라우저입니다., 그러나,이것은 가장 정확하지 않을 테스트하는 방법의 모바일 버전에 웹 사이트는 크롬,그것은 단지 장치 시뮬레이션입니다. 실제 모바일 장치의 모든 측면을 시뮬레이션 할 수는 없습니다.
웹 개발자가 정확한 테스트 통찰력을 얻으려면 실제 장치에서 광범위한 테스트는 협상 할 수 없습니다. 그것은 그들이 실제 사용자 조건에서 웹 사이트를 확인할 수있게 해줍니다.
BrowserStack 의 실제 장치의 클라우드 라이브에 대한 테스트
는 이상적인 방법을 테스트하는 웹사이트에는 모든 모바일 장치가 실제로 시험을 실시 장치입니다., 이를 통해 개발자는 실제 Android 및 iOS 기기에 설치된 모바일 브라우저에서 웹 사이트를 모니터링 할 수 있습니다. 그렇게함으로써 QAs 는 실제 세계의 여러 모바일 장치 및 브라우저에서 웹 사이트가 어떻게 수행되는지 평가할 수 있습니다.
BrowserStack 의 실제 장치 클라우드는 테스트 할 2000 개 이상의 실제 장치 및 브라우저를 제공합니다.,
몇 가지의 하이라이트:
- 최신 안드로이드 기기에서 삼성,사용자는 구글과 모토로라
- 최신의 애플 장치는 아이폰과 같은 X,아이폰 11Pro
- 다중 버전의 선도하는 브라우저에는 Chrome,Firefox,Safari,Opera 에 설치되어 실제 장치
QAs 에서 테스트 할 수 있습니다 실제 안드로이드나 iOS 모바일 장치에서 직접 자신의 브라우저입니다. 그들은 어떤 브라우저 나 에뮬레이터를 다운로드 할 필요가 없습니다. 간단히 로그인하고 장치-브라우저-OS 조합을 선택하고 테스트를 시작하십시오., 아래 이미지는 BrowserStack 에서 라이브 테스트 세션(Samsung S10+에서 Chrome 브라우저 테스트)을 정확하게 표현한 것입니다.,
View 모바일 버전에서는 실제 장치의 클라우드 무료로.
BrowserStack 또한 다음과 같은 기능을 제공합니다:
- Upfront 액세스 개발자 도구할 수 있는 검사의 웹 페이지에 있는 요소
- 지리적 위치를 테스트
- 통합과 함께 인기있는 버그 보고와 같은 도구 Jira,Trello, 과 여유
- 의 테스트 기능은 다음과 같 확대와 장치의 회전
방법들을 통해 위에서 설명할 수 있는 개발자가 그들의 고통을 삭제하는 동안 포인트의 디버깅 모든 문제입니다., 이러한 방법은 또한 여러 장치에서 웹 사이트의 성능을 최적화하는 데 도움이됩니다.