Web Basic · Compatibility

브라우저 호환성을 엔진·기능·레이아웃으로 점검하기

크로스 브라우저 테스팅은 모든 픽셀을 같게 만드는 일이 아니라, 지원 범위 안에서 기능과 레이아웃, 입력 경험이 깨지지 않는지 확인하는 일이다.

01

지원 정책

사용자 통계와 제품 요구에 맞춰 지원 브라우저와 버전을 정한다.

02

기능 탐지

브라우저 이름보다 API 존재와 실제 동작을 확인한다.

03

화면 확인

좁은 화면, 확대, 긴 텍스트, 모바일 주소창 변화를 본다.

04

회귀 기록

한 번 깨진 조합은 자동 테스트나 체크리스트에 남긴다.

WebKit
모바일 Safari 위험 viewport, input, sticky, media 정책 확인
iOS 비중이 높으면 필수
Chromium
최신 API 기준 Chrome과 Edge에서 최신 구현 확인
비표준 API 한계
Firefox
표준 해석 차이 CSS 계산과 form control 차이 확인
접근성 점검에 유용
Fallback
지원 불가 대응 polyfill, 안내, 기능 비활성화 중 선택
무한 호환 금지

지원표 · 모바일 · 폴리필 점검

지원표 문서에 기준 브라우저가 있다.
모바일 iOS Safari에서 핵심 흐름을 실제 확인한다.
폴리필 필요한 기능만 포함해 번들 증가를 통제한다.
캡처 주요 화면은 최소 두 엔진에서 비교한다.