본문 바로가기

카테고리 없음

[Browser] NavigatorUAData란?

반응형

NavigatorUAData

 

User-Agent Client Hints API의 NavigatorUAData 인터페이스는 사용자의 브라우저 및 운영체제에 대한 정보를 반환합니다.

Navigator.userAgentData를 호출하면 이 개체의 인스턴스가 반환됩니다. 따라서 이 인터페이스에는 생성자가 없습니다.

 

 

속성

NavigatorUAData.brands (읽기 전용)

브라우저 이름 및 버전이 포함된 브랜드 정보 배열을 반환합니다

NavigatorUAData.mobile (읽기 전용)

사용자 에이전트가 모바일 장치에서 실행 중인 경우 true를 반환합니다.

NavigatorUAData.platform (읽기 전용)

사용자 에이전트가 실행 중인 플랫폼 브랜드를 반환합니다.

 

 

 

메서드

NavigatorUAData.getHighEntropyValues()

사용자 에이전트가 반환하는 높은 엔트로피 값을 포함하는 사전 객체와 함께 resolve되는 Promise를 반환합니다.

NavigatorUAData.toJSON()

NavigatorUAData 개체의 낮은 엔트로피 속성에 대한 JSON 표현을 반환하는 직렬 변환기입니다.

 

 

 

💡 높은 엔트로피와 낮은 엔트로피라는 용어는 이러한 값이 브라우저에 대해 표시하는 정보의 양을 나타냅니다. NavigatorUAData의 속성으로 반환된 값은 낮은 엔트로피로 간주되어 사용자를 식별할 가능성이 낮습니다. NavigatorUAData.getHighEntropyValues()에 의해 반환된 값은 잠재적으로 더 많은 정보를 드러낼 수 있습니다. 이러한 값은 Promise에 따라 검색되므로 브라우저가 사용자 권한을 요청하거나 다른 검사를 할 수 있습니다.

 

 

예제

브랜드 가져오기

다음 예제는 NavigatorUAData.brands 값을 콘솔에 출력합니다.

console.log(navigator.userAgentData.brands);

 

높은 엔트로피 값 가져오기

다음 많은 힌트 값들은 NavigatorUAData.getHighEntropyValues() 메서드를 사용하여 요청합니다. Promise가 resolve되었을 때 콘솔에 정보를 출력합니다.

navigator.userAgentData.getHighEntropyValues(
  ["architecture",
  "model",
  "platform",
  "platformVersion",
  "uaFullVersion"])
  .then(ua => { console.log(ua) });

 

 

 

 

 

2021.09.15 기준

 

 

 

반응형