브라우저 호환성

콘텐츠 기반 웹 애플리케이션을 빌드할 때는 잠재고객이 사용하는 브라우저를 고려하는 것이 중요합니다. 일부 사용자는 최신 기능을 지원하지 않는 이전 브라우저를 사용할 수 있고, 다른 사용자는 더 많은 기능이 포함된 최신 브라우저를 사용할 수 있습니다. 선택한 브라우저와 관계없이 모든 사용자가 애플리케이션에 액세스할 수 있습니다.

점진적인 개선을 사용하거나 모든 브라우저에서 지원하는 가장 기본적인 기능부터 시작한 다음 최신 브라우저를 위한 기능을 추가합니다. 특성 감지는 오래된 브라우저 또는 새 브라우저를 사용하는 사용자에게 도달하기 위한 또 다른 전략입니다. 기능 감지를 사용하면 사용자의 브라우저에서 지원하는 기능을 확인한 후 적절한 코드를 로드할 수 있습니다. 애플리케이션은 사용자의 브라우저가 지원할 수 있는 최신 기능을 사용해야 합니다.

이전 브라우저와 최신 브라우저를 모두 타겟팅할 때는 고려해야 할 몇 가지 장단점이 있습니다. 먼저, 브라우저마다 다른 코드를 사용해야 할 수도 있습니다. 이로 인해 코드가 더 복잡하고 유지보수가 어려워질 수 있습니다. 모든 브라우저에서 최신 기능을 사용하지 못할 수도 있습니다. 이로 인해 애플리케이션의 기능이 제한될 수 있습니다.

애플리케이션에 따라 이전 브라우저에서는 법적 사유나 비즈니스 사용 사례에 관한 지원이 필요할 수 있습니다. 사용자 대부분이 오래된 하드웨어를 사용하고 업데이트할 수 없는 경우 폴리필이 필요할 수 있습니다. 폴리필은 이전 웹브라우저에 최신 기능을 제공하며 이를 통해 최신 웹 기술과 API를 사용하는 동시에 이전 브라우저와의 호환성을 보장할 수 있습니다.

어떤 기술이나 API가 사용되는지 확인할 수 있는 유용한 도구가 많이 있습니다.

  • Project Baseline: 지원되는 브라우저에서 제대로 작동하고 Google 및 기타 흔히 사용되는 시스템의 지원을 받아 개발자 환경을 개선하기 위한 노력입니다.
  • Caniuse: 웹 API를 조회하고 추적된 모든 브라우저에서 지원 상태를 볼 수 있는 리소스입니다.