UA
-
UA 대신에 Client Hints 사용해보기크롬업데이트 2020. 4. 12. 18:19
구글이 사용자 프라이버시를 위한 샌드박스 정책을 급진적으로 진행하고 있습니다. 현재, 코로나 때문에 샌드박스 정책 중 하나인 SameSite Cookie도 롤백한 상태인데요.. 기존에 `navigator.userAgent`를 사용한 곳이 많기 때문에 어떻게 대처해야할지 모호한 상태라 조금 더 자세하게 알아보았습니다. Client Hints는 W3C로부터 인정받은 표준도 아니며, W3C 표준 트랙에도 없습니다. 하지만, Apple과 Microsoft도 동의한 상태이며, 크롬과 파이어폭스 일부 버전에서 `Accept-CH`를 사용할 수 있기 때문에 충분한 대응책을 가지고 있어야 할 것 같습니다. 특정 서비스에서 웹브라우저의 종류를 파악하여 서비스를 제한하는 것은 소비자의 권리에도 부합되지 않는다는 주장입니다..
-
[이미지] User-Agent가 사라진다고? 이미지 Client Hints 사용하기IMAGE 2020. 2. 15. 15:03
이미지에 대한 Client Hints를 사용하기 위해 head 태그 내에 삽입해야되는 메타태그 Accept-CH: DPR, Viewport-Width Accept-CH: Width Accept-CH-Lifetime: 86400 Vary: DPR, Viewport-Width, Width Accept-CH를 통해서 위와 같은 속성들을 사용할 수 있으며, 저는 이번에 DPR, Viewport-Width, width를 사용해 봅니다. DPR의 범위를 제한함과 동시에 medaqueries 사이즈를 통해 각각 노출할 수 있습니다.