브라우저 호환성
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
콘텐츠 기반 웹 애플리케이션을 빌드할 때는 잠재고객이 사용하는 브라우저를 고려하는 것이 중요합니다. 일부 사용자는 최신 기능을 지원하지 않는 이전 브라우저를 사용할 수 있고, 다른 사용자는 더 많은 기능이 포함된 최신 브라우저를 사용할 수 있습니다. 선택한 브라우저와 관계없이 모든 사용자가 애플리케이션에 액세스할 수 있습니다.
점진적인 개선을 사용하거나 모든 브라우저에서 지원하는 가장 기본적인 기능부터 시작한 다음 최신 브라우저를 위한 기능을 추가합니다. 특성 감지는 오래된 브라우저 또는 새 브라우저를 사용하는 사용자에게 도달하기 위한 또 다른 전략입니다. 기능 감지를 사용하면 사용자의 브라우저에서 지원하는 기능을 확인한 후 적절한 코드를 로드할 수 있습니다. 애플리케이션은 사용자의 브라우저가 지원할 수 있는 최신 기능을 사용해야 합니다.
이전 브라우저와 최신 브라우저를 모두 타겟팅할 때는 고려해야 할 몇 가지 장단점이 있습니다. 먼저, 브라우저마다 다른 코드를 사용해야 할 수도 있습니다. 이로 인해 코드가 더 복잡하고 유지보수가 어려워질 수 있습니다. 모든 브라우저에서 최신 기능을 사용하지 못할 수도 있습니다. 이로 인해 애플리케이션의 기능이 제한될 수 있습니다.
애플리케이션에 따라 이전 브라우저에서는 법적 사유나 비즈니스 사용 사례에 관한 지원이 필요할 수 있습니다. 사용자 대부분이 오래된 하드웨어를 사용하고 업데이트할 수 없는 경우 폴리필이 필요할 수 있습니다. 폴리필은 이전 웹브라우저에 최신 기능을 제공하며 이를 통해 최신 웹 기술과 API를 사용하는 동시에 이전 브라우저와의 호환성을 보장할 수 있습니다.
어떤 기술이나 API가 사용되는지 확인할 수 있는 유용한 도구가 많이 있습니다.
- Project Baseline: 지원되는 브라우저에서 제대로 작동하고 Google 및 기타 흔히 사용되는 시스템의 지원을 받아 개발자 환경을 개선하기 위한 노력입니다.
- Caniuse: 웹 API를 조회하고 추적된 모든 브라우저에서 지원 상태를 볼 수 있는 리소스입니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-07-10(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-07-10(UTC)"],[[["Web applications should be accessible to all users regardless of their browser choice, potentially using progressive enhancement or feature detection to cater to different browser capabilities."],["While supporting older browsers might necessitate using different code or limit access to the latest features, it can be crucial for legal compliance or business needs, especially when users rely on older hardware."],["Polyfills can bridge the gap between modern web technologies and older browsers, ensuring compatibility while enabling the use of the latest features."],["Developers can utilize tools like Project Baseline and Caniuse to determine browser compatibility and make informed decisions about web development strategies."]]],[]]