개요
오탐 없는 시각적 회귀 테스트. 페이지를 베이스라인과 비교하고 동적 콘텐츠는 무시합니다. 100% 로컬에서 실행됩니다.
시각적 회귀를 찾아내는 확장 프로그램입니다. 실제 변경 사항만 보여주고 나머지는 조용히 넘어갑니다. 페이지의 베이스라인을 저장하세요. 변경 작업을 하세요. "Compare"(비교)를 클릭하세요. 보고서에는 실제로 변경된 부분만 표시됩니다. 보고서가 깔끔한 이유 🔸 확장 프로그램은 페이지를 베이스라인과 비교합니다. 원래 디자인에 있던 겹침은 오류로 간주하지 않습니다. 🔸 캐러셀, 배너, 타이머, 광고는 자동으로 감지되어 제외됩니다. 따로 설정할 필요가 없습니다. 🔸 실제 웹사이트에서 검증했습니다. 픽셀 비교 도구에서 수천 건씩 발생하던 오탐이 여기서는 0건입니다. 프라이버시 스크린샷과 데이터는 컴퓨터 밖으로 나가지 않습니다. 클라우드도, 계정도, 구독도 없습니다. 보고서에 포함된 내용 🔸 한 줄 요약 결과. 페이지에 문제가 없는지 바로 알 수 있습니다. 🔸 쉬운 말로 된 발견 사항. 예를 들어 "블록이 버튼을 가리고 있습니다" 같은 식입니다. 각 항목에는 스크린샷 크롭과 강조 표시가 함께 제공됩니다. 🔸 텍스트 변경 사항. 이전과 이후를 비교하고 바뀐 단어를 강조 표시합니다. 🔸 베이스라인과 현재 버전을 비교하는 슬라이더와 차이 지도를 제공합니다. 🔸 모든 스크린샷을 포함한 보고서를 파일 하나로 내보낼 수 있습니다. 클라이언트나 동료에게 보내세요. 확장 프로그램 없이도 열립니다. 반응형 감사 📱 페이지를 320, 768, 1024, 1440px 또는 원하는 너비에서 확인하세요. 보고서는 레이아웃이 깨지는 위치를 보여주고 각 크기별 스크린샷을 포함합니다. 이 밖에도 할 수 있는 것 🔸 스크롤해야 보이는 부분까지 포함해 페이지 전체를 캡처 🔸 잘린 텍스트와 컨테이너 밖으로 튀어나온 블록 감지 🔸 설명이 없는 이미지 등 접근성 문제 표시 🔸 최근 보고서 10개를 보관. 언제든 다시 열어볼 수 있음 작동 방식 1️⃣ 페이지를 열고 베이스라인을 저장하세요 2️⃣ 코드와 콘텐츠를 변경하세요 3️⃣ "Compare with baseline"(베이스라인과 비교)을 클릭하세요. 보고서가 새 탭에서 열립니다 4️⃣ 새 버전이 마음에 드시나요? 클릭 한 번으로 베이스라인을 업데이트하세요 이런 분들께 유용합니다 ➡️ 프런트엔드 개발자. 커밋 전에 회귀를 발견하세요 ➡️ QA 엔지니어. CI나 설정 없이 시각적 검사를 진행하세요 ➡️ 프리랜서와 에이전시. 클라이언트에게 파일 하나로 된 보고서를 보내세요 ➡️ 디자이너. 구현 결과를 목업과 빠르게 비교하세요 질문과 답변 ❓ 캐러셀, 광고, 시계는 어떻게 처리하나요? 💬 확장 프로그램이 동적 콘텐츠를 자동으로 찾아 비교 대상에서 제외합니다. ❓ 제 데이터는 안전한가요? 💬 네. 모든 것이 브라우저 안에서만 저장되고 처리됩니다. ❓ localhost에서도 작동하나요? 💬 네. 로컬 개발 환경에 적합합니다. ❓ 계정이나 설정이 필요한가요? 💬 아니요. 확장 프로그램을 설치하고 버튼만 누르면 됩니다.
세부정보
- 버전1.1.0
- 업데이트됨2026년 7월 25일
- 제공Dev Tool
- 크기423KiB
- 언어언어 52개
- 개발자
이메일
ai2025tip@gmail.com - 비판매자판매자로 식별되지 않은 개발자입니다. 유럽 연합에 거주하는 소비자의 경우, 이 개발자와 체결한 계약에 대해서는 소비자 권리가 적용되지 않을 수 있음을 유의해야 합니다.
개인정보 보호
개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다
- 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
- 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
- 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음
