Web Basic · 브라우저 기준표

크로스 브라우저 호환성 판정표

브라우저 호환성은 모든 브라우저에서 픽셀을 맞추는 일이 아니라, 지원 범위 안에서 기능·레이아웃·성능의 최소 품질을 보장하는 일이다.

01

지원 정책

사용자 통계와 비즈니스 요구를 기준으로 지원 브라우저를 명시한다.

02

기능 탐지

브라우저 이름이 아니라 API 존재 여부와 동작을 확인한다.

03

레이아웃 확인

좁은 화면, 확대, 긴 텍스트, 터치 입력에서 깨짐을 본다.

04

회귀 고정

깨졌던 조합은 자동 테스트 또는 체크리스트로 남긴다.

Chromium
최신 API 기준선 Chrome, Edge에서 최신 구현을 빠르게 확인
표준 확정 전 API는 조심
WebKit
모바일 Safari 위험 viewport, input, position: sticky, video 정책 확인
iOS 사용량이 높으면 필수
Firefox
표준 해석 차이 CSS 계산과 form control 렌더링 차이를 확인
접근성 테스트에도 유용
Legacy
fallback 또는 차단 지원 불가 기능은 안내, polyfill, 서버 렌더링으로 대응
무한 호환은 비용 폭증

지원 목록 · 폴리필 · 모바일 Safari 점검

지원 목록 README나 배포 문서에 기준 브라우저가 적혀 있다.
폴리필 필요한 기능만 포함해 번들 크기를 통제한다.
모바일 Safari 주소창 변화와 터치 입력 상태를 따로 본다.
스크린샷 주요 화면은 최소 두 엔진에서 캡처해 비교한다.