반응형 웹사이트를 어떻게 정의합니까? 최소한 모든 브라우저, 장치 또는 운영 체제에서 올바르게 표시되어야 합니다. 따라서 광범위한 플랫폼, 브라우저 및 화면 해상도에서 최종 사용자의 다양한 습관을 고려해야 합니다. 모든 오류를 해결하기 위해 기업은 수천 개의 실제 및 가상 장치에서 웹사이트를 테스트해야 합니다. 그러나 그런 종류의 예산이 없다면 "크로스 브라우저 테스트 솔루션"이라는 것이 필요할 것입니다.
Comparium은 사이트 버전에서 "가장 눈에 띄지 않는 차이점을 보여 주는" 자동 시각적 테스트 서비스로 스스로를 브랜드화합니다. 버지니아 주 알렉산드리아에 본사를 둔 Electronic Team, Inc.의 일부입니다. Comparium에 대한 이 리뷰에서는 가장 중요한 기능과 사용 가능한 사용자 정의를 살펴봅니다.
참고 :이 글은 (주)컴퍼니컴퍼니로부터 협찬받아 작성되었습니다. 실제 내용과 의견은 협찬을 받더라도 편집의 독립성을 유지하는 작성자의 단독 견해입니다.
계정 및 웹 앱 세부 정보
웹사이트에서 계정을 만들고 직접 로그인할 수 있습니다. Google 계정으로 로그인할 수도 있습니다.
로그인하면 간단한 인터페이스가 여러분을 맞이합니다. 검색 상자에 URL 주소를 삽입하고 필요한 브라우저, 운영 체제 및 화면 해상도 조합을 선택하기만 하면 됩니다. 사용자 계정에는 Guest와 Pro의 두 가지 종류가 있습니다. 각각은 검토를 위해 무제한 스크린샷을 지원합니다.
Comparium을 사용하여 웹사이트를 교차 테스트하는 방법
검색 창에 웹 사이트를 입력하면 처음에 선택한 모든 항목에 대한 미리보기 목록이 표시됩니다. Linux, Windows 7, macOS 및 macOS 다크 모드에 대해 500px에서 1920px(풀 HD) 범위의 화면 해상도 너비를 선택할 수 있습니다. 현재 Comparium은 Chrome, Firefox, Internet Explorer, Safari 및 Opera 브라우저를 지원합니다.
자세한 비교를 위해 두 개 이상의 화면을 선택하고 오른쪽의 "비교"를 클릭하십시오. 여기에서는 Windows Chrome 버전 80.0과 Windows Firefox 버전 68.0을 비교합니다.
병렬 비교는 기본적으로 전체 화면에서 열립니다. 동기화된 스크롤 옵션을 사용하면 여러 브라우저와 다양한 운영 체제에서 웹사이트의 렌더링을 검토할 수 있습니다. 높이, 너비 및 크기에 따라 크기를 조정할 수 있습니다.
Comparium은 동일한 인터페이스 내에서 병렬 화면 생성에 대한 지원을 내장하고 있어 웹사이트의 조감도를 제공합니다. "4가지" 비교 모드가 있습니다:"병렬", "오버레이", "슬라이더" 및 "차이점 찾기". 마지막 것은 감지할 수 없는 오류를 자동으로 찾아내는 데 도움이 되므로 매우 놀랍습니다.
"차이점 찾기" 모드를 사용하면 두 플랫폼에서 메뉴 아이콘의 위치와 글꼴 선택을 알 수 있습니다. 편차가 너무 많으면 차이점을 해결하기 위해 디자인 코드를 변경해야 합니다.
마찬가지로 "오버레이" 모드는 두 구성을 서로 겹쳐서 시각적으로 중요한 편차를 표시합니다.
요약하면 Comparium의 정교한 스크린샷 비교 기능을 사용하면 다양한 운영 체제와 해상도를 쉽게 비교할 수 있습니다. 분석이 끝나면 메인 창에서 모든 화면을 삭제할 수 있습니다.
기타 기능 및 이점
웹 개발자를 위한 Comparium의 주요 이점은 장치 크기를 500픽셀 범위로 확장할 수 있으므로 시각적 유효성 검사 및 모바일 버전 지원에서 더 큰 정확성입니다. 자동 비호환성을 감지하는 오프라인 보고서와 다양한 브라우저에 대한 Linux의 중요한 "라이브 테스트" 기능이 있습니다. Live Testing에 대한 Windows 7 및 macOS Catalina 지원은 곧 출시될 예정입니다.
라이브 테스트 모드를 사용하면 웹 사이트 변경 사항이 얼마나 반응하는지 실시간으로 분석할 수 있습니다. 비교 도구를 사용한 초기 육안 검사는 눈에 띄는 오류에 대한 관점을 제공하지만 라이브 테스트 기능은 웹 사이트를 실제 환경에서 테스트하여 출시 준비가 되도록 합니다.
Comparium에는 대량 URL 테스트, 내부 테스트, 다양한 종횡비 지원 및 저속 연결 모방과 같은 새롭고 강력한 기능이 추가될 아름다운 로드맵이 있습니다. 시장에 나와 있는 다른 크로스 브라우저 테스트 도구와 기능 및 이점을 비교할 수 있습니다. Comparium은 웹 사이트 오류 감지의 자동화 기능으로 인해 꽤 좋은 점수를 받았습니다.
Comparium에는 몇 가지 사소한 단점이 있습니다. 현재 플랫폼은 Windows 10에서 스크린샷을 지원하지 않지만 고객 팀은 로드맵에 매우 많이 포함되어 있다고 확신했습니다. 또한 Slimjet, Yandex 등과 같은 다른 브라우저는 지원하지 않습니다. 그러나 현재 지원되는 브라우저 목록은 다양한 장치 및 운영 체제에 대해 시뮬레이션하는 방법에 대한 좋은 근사치를 제공합니다.
청구 및 가격 세부정보
앞서 논의한 바와 같이 Comparium은 월 $15에 무료 "게스트" 모드와 유료 "프로" 모드를 지원합니다. 게스트 및 프로 플랜에 대한 자세한 비교는 이 링크에서 확인할 수 있습니다.
무료 게스트 계정은 Firefox 75 및 Windows 7용 Chrome 81과 같은 몇 가지 브라우저로 제한되며 1024픽셀의 화면 해상도에만 적용됩니다. 그러나 라이브 테스트 시간과 생성되는 스크린샷 수에는 제한이 없습니다. 이 앱을 사용하면 Pro 플랜으로 마이그레이션하기 전에 한도 내에서 원하는 만큼 테스트할 수 있습니다. 로드맵에 다른 흥미로운 기능이 많이 있다는 점을 고려할 때 웹사이트는 솔루션과 함께 확장할 수 있습니다.
우리의 평결
오늘날에는 최종 사용자 수준에서 다양한 취향, 화면 크기 및 브라우저를 충족하지 않고는 웹사이트를 시작할 수 없습니다. Comparium은 실제 시뮬레이션과 관련하여 웹사이트의 응답성을 측정하는 데 실망하지 않는 유망한 앱입니다. 파이프라인의 다양한 흥미로운 기능을 통해 웹 개발자는 강력한 교차 테스트 도구를 사용할 수 있습니다.