[아티클 프로젝트 051] User-Agent Client Hints의 도입, UA 프리징을 대비하라

User-Agent Client Hints의 도입, UA 프리징을 대비하라

클라이언트 입장의 User-Agent Client Hints
유저의 많은 정보를 담고 있기 때문에 개인정보 침해가 우려, UA를 점진적 삭제할 예정이라고 예전에 포스팅 했었다.
당장에 무엇을 수정해야하는지, 언제 해야하는지 몰라서 고민하던 중에 네이버 개발블로그에서 작업한 내용에 대한 포스팅했더라.

 

 

UA 프리징으로 달라지는 점

• 속성 값 고정

• navigator.userAgent

• navigator.appVersion

• navigator.platform

• navigator.productSub

• navigator.vendor

• 크롬에서 안드로이드를 제외한 모든 운영체제는 윈도우10

• 동기방식으로 OS이름, OS버전, 모델명을 알 수 있음

• 비동기 방식으로 os이름, 버전, 모델명, 브아루저 풀 버전을 알 수 있음(기존 사용하던 로직 사용하려면)

• navigator.userAtent 대신 navigator.userAgentData를 사용해야함

• 브라우저버전은 메이저 버전만 나타냄

 

usetAgentData 

이미지 출처 : 원본글  https://d2.naver.com/helloworld/6532276

 

동기 방식으로 확인 가능한 정보

• navigator.userAgentData.brands 브라우저의 이름과 메이저 버전, Chromium 정보

• navigator.userAgentData.mobile 모바일 여부

• navigator.platform: Android Chrome(Linux armv8l) 여부

• User-Agent Client Hints를 지원하지 않는 브라우저의 OS, OS 버전(Chrome 84의 지원 범위: Android 5.0 이상, Mac OS X 10.10 이상, 윈도우 7 이상)

 

비동기 방식으로 확인 가능한 정보

• 기존 User-Agent string으로 얻은 정보와 동일한 정보를 얻을 수 있음

• Android, iOS, Mac Safari를 제외한 OS 정보

• 특정 OS 버전

• 브라우저의 풀버전

• getHighEntropyValues 메서드를 통해 비동기로 필요한 정보 가져올 수 있음

• navigator.userAgentData.getHighEntropyValues 메서드로 정확한 agent 값을 얻을 수 있도록 만든 getAccurateAgent 비동기 함수

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

async function start() {
    const agent = await getAccurateAgent();
    const isWindows = agent.os.name === "window";
    const isMac = agent.os.name === "mac";
}

 

크롬을 제외 타 브라우저는 아직 도입 예정이 없음? 그렇기 때문에 어떤식으로 UA 정보를 수정 도입할 지 추측 중..

 

 

---

 

출처

User-Agent Client Hints의 도입, UA 프리징을 대비하라

https://d2.naver.com/helloworld/6532276

 

예전 포스팅 

크롬 사용자에이전트 문자열(UA, User agent string) 점진적 삭제

https://okayoon.tistory.com/entry/%ED%81%AC%EB%A1%AC-%EC%82%AC%EC%9A%A9%EC%9E%90%EC%97%90%EC%9D%B4%EC%A0%84%ED%8A%B8-%EB%AC%B8%EC%9E%90%EC%97%B4UA-User-agent-string-%EC%A0%90%EC%A7%84%EC%A0%81-%EC%82%AD%EC%A0%9C