> 웹 프론트엔드 > JS 튜토리얼 > 동적 웹 환경에서 Google Chrome 브라우저를 안정적으로 식별하는 방법은 무엇입니까?

동적 웹 환경에서 Google Chrome 브라우저를 안정적으로 식별하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-10-30 09:22:27
원래의
810명이 탐색했습니다.

How to Reliably Identify Google Chrome Browsers in a Dynamic Web Environment?

Chrome 브라우저를 정밀하게 식별

사용자의 브라우저가 Google Chrome인지 확인하는 것은 웹사이트 경험을 맞춤화하고 호환성을 보장하는 데 중요합니다. 기존 방법은 "window.chrome" 속성의 존재 여부를 확인하는 것이었지만 최근 브라우저 업데이트로 인해 이 접근 방식이 복잡해졌습니다.

포괄적인 솔루션

이러한 복잡성을 해결하려면 에서는 다양한 브라우저 변경 사항을 고려한 포괄적인 JavaScript 코드가 개발되었습니다. 다음 조건이 충족되는지 확인합니다.

  • "window.chrome" 존재: Chrome을 사용할 가능성이 있음을 나타냅니다.
  • vendorName: 'Google Inc.'인지 확인하세요. Opera와 같은 브라우저를 배제합니다.
  • Opera의 불투명도: Opera 30 이상에서 오탐을 피하기 위해 "window.opr"이 없는지 확인합니다.
  • IE Edge 호환성: 사용자 에이전트에 "Edg"가 없는지 확인하여 IE Edge를 제외합니다.
  • iOS Chrome 구별: " CriOS" 속성.
  • Google Chrome 브랜드: Chrome 66에 도입된 "userAgentData.brands" 배열을 활용하여 브라우저의 ID를 확인합니다.
  • Firefox 이외 확인: Firefox 브라우저를 제외하는 추가 검사를 추가합니다.

이 코드는 브라우저 업데이트가 발전하는 상황에서도 Chrome 브라우저를 다른 브라우저와 효과적으로 구별합니다.

위 내용은 동적 웹 환경에서 Google Chrome 브라우저를 안정적으로 식별하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿