분류 기타

브라우저 간 테스트

컨텐츠 정보

  • 조회 32 (작성일 )

본문

개발자는 웹 사이트 또는 앱에 액세스 할 장치의 종류를 제어 할 수 없습니다. 2019 년에는 웹 트래픽의 절반 이상이 모바일 장치에서 발생했습니다. 전체적으로 화면 크기는 데스크톱 및 태블릿에서 스마트 폰 및 웨어러블 기술에 이르기까지 다양합니다.


프런트 엔드 개발자로서 웹 페이지를 모든 화면 크기에서 계속 사용할 수 있도록 하는 것은 우리 업무의 핵심 구성 요소입니다. 웹 사이트와 앱을 다른 브라우저와 플랫폼에서 직접 테스트하는 것과 비교할 수 있는 것은 없지만 이러한 방식으로 모든 기반을 다루는 것은 우리 대부분이 사용할 수 있는 옵션이 아닙니다. 아래 나열된 서비스 및 앱이 도움이 될 수 있습니다.


Caniuse


당신에 대해 잘 모르겠지만 HTML, CSS, SVG 및 JavaScript 기능에 대한 브라우저 지원에 대한 최신 정보가 필요할 때 (새롭거나 모호 할 수 있음) caniuse가 저의 첫 번째 웹 사이트입니다.


특정 문제, 리소스 등에 대한 정보는 물론 전 세계 및 국가 별 수준의 최신 통계 결과를 얻을 수 있습니다.


Am I Responsive? 


웹 사이트가 다양한 화면 크기에서 어떻게 보이는지 빠르게 확인할 수 있는 무료 온라인 앱입니다.


다음은 기능 목록입니다.

  • 테스트하려는 사이트의 URL을 텍스트 상자에 입력하거나 브라우저에서 Am I Responsive 북마크릿을 사용하여 어디에서나 웹 사이트에서 앱을 사용할 수 있습니다.
  • http : // localhost / 작동합니다.
  • 테스트를 위해 웹 사이트가 표시되는 각 장치 내부를 클릭하고 스크롤 할 수 있습니다.


Responsive Web Design Checker 


반응 형 웹 디자인 검사기는 웹 사이트가 다양한 화면 크기뿐만 아니라 다양한 장치에서 어떻게 보이는지 테스트하는 또 다른 무료 온라인 앱입니다. 여기에는 다양한 종류의 데스크톱 및 노트북, Apple iPad Retina 및 Amazon Kindle Fire와 같은 태블릿, Apple iPhone 6/7 Plus, Samsung Galaxy 등과 같은 스마트 폰이 포함됩니다.


BrowserStack 


BrowserStack은 2000 개 이상의 실제 장치 및 브라우저에서 웹 사이트 또는 앱을 테스트 할 수 있는 인기 있는 유료 서비스입니다. 그것은 상자 밖으로 작동하고 완전히 안전합니다.