Visão geral de recursos

Client Hints é um conjunto de cabeçalhos HTTP e APIs JavaScript que permitem que navegadores da web enviem informações detalhadas sobre o dispositivo e o navegador do cliente para os servidores da web. Eles foram projetados para serem os sucessores do User-Agent, fornecendo uma maneira padronizada para os servidores da web otimizarem o conteúdo para o cliente, sem depender de detecções baseadas em strings de User-Agent ou técnicas de reconhecimento de impressão digital do navegador, que são menos confiáveis.

String User-Agent

user-Agent

User-Agent Client Hints (JavaScript API)

Suporte de API	loading...
Arquitetura	loading...
bitness	loading...
Marcas (Marcas do navegador)	loading...
Lista de versão completa	loading...
mobile	loading...
model	loading...
platform	loading...
Versão da plataforma	loading...
Versão completa do agente do usuário	loading...
WOW64 (32 bits no Windows de 64 bits)	loading...

Cabeçalhos de solicitação (User-Agent Client Hints)

sec-ch-ua	loading...
sec-ch-ua-platform	loading...
sec-ch-ua-mobile	loading...
sec-ch-ua-full-version	loading...
sec-ch-ua-platform-version	loading...
sec-ch-ua-full-version-list	loading...
sec-ch-ua-arch	loading...
sec-ch-ua-bitness	loading...
sec-ch-ua-wow64	loading...
sec-ch-ua-model	loading...
sec-ch-save-data	loading...
sec-ch-width	loading...
sec-ch-viewport-width	loading...
viewport-width	loading...
sec-ch-viewport-height	loading...
sec-ch-dpr	loading...
dpr	loading...
sec-ch-device-memory	loading...
device-memory	loading...
sec-ch-rtt	loading...
sdownlink	loading...
sec-ch-ect	loading...
ect	loading...
sec-ch-prefers-color-scheme	loading...
sec-ch-prefers-reduced-motion	loading...
sec-ch-prefers-reduced-transparency	loading...
sec-ch-prefers-contrast	loading...
sec-ch-forced-colors	loading...
sec-ch-ua-form-factors	loading...

Cabeçalhos Client Hints conhecidos (Referência)

```
Sec-CH-UA
```
Representa a(s) marca(s) do navegador e a versão principal.
```
Sec-CH-UA-Full-Version
```
Indica a string de versão completa do navegador. (Obsoleto, substituído por Sec-CH-UA-Full-Version-List)
```
Sec-CH-UA-Full-Version-List
```
Indica a string de versão completa do navegador.
```
Sec-CH-UA-Platform
```
Plataforma em que o agente do usuário está sendo executado.
```
Sec-CH-UA-Platform-Version
```
Versão da plataforma em que o agente do usuário está sendo executado.
```
Sec-CH-UA-Arch
```
Arquitetura da plataforma em que o agente do usuário está sendo executado.
```
Sec-CH-UA-Bitness
```
Número de bits da arquitetura da plataforma em que o agente do usuário está sendo executado.
```
Sec-CH-UA-WoW64
```
Indica se o navegador está sendo executado em modo de 32 bits no Windows de 64 bits.
```
Sec-CH-UA-Model
```
Modelo do dispositivo em que o agente do usuário está sendo executado.
```
Sec-CH-UA-Mobile
```
Indica se o agente do usuário prefere uma experiência móvel.
```
Sec-CH-UA-Form-Factors
```
Fatores de forma do dispositivo, historicamente representados como tokens deviceCompat na string do User-Agent.
```
Sec-CH-Lang
```
Representa a preferência de idioma do usuário.
```
Sec-CH-Save-Data
```
Representa a preferência do agente do usuário em reduzir o uso de dados.
```
Sec-CH-Width
```
Fornece a largura do layout da solicitação de recurso de imagem em pixels CSS.
```
Sec-CH-Viewport-Width
```
Largura da viewport em pixels CSS.
```
Sec-CH-Viewport-Height
```
Altura atual da viewport do agente do usuário.
```
Sec-CH-DPR
```
Relação entre pixels físicos e pixels CSS da tela do usuário.
```
Sec-CH-Device-Memory
```
Quantidade aproximada de memória do dispositivo (em GiB).
```
Sec-CH-RTT
```
Tempo de ida e volta aproximado em milissegundos.
```
Sec-CH-Downlink
```
Velocidade aproximada de download da conexão em Mbps.
```
Sec-CH-ECT
```
(ou ECT) significa Tipo de Conexão Efetiva, conforme estimado pelo navegador. Valores válidos: 4g, 3g, 2g, slow-2g.
```
Sec-CH-Prefers-Color-Scheme
```
Esquema de cores preferido pelo usuário.
```
Sec-CH-Prefers-Reduced-Motion
```
Indica se o usuário solicitou minimizar a quantidade de animações ou movimentos usados pelo sistema.
```
Sec-CH-Prefers-Reduced-Transparency
```
Indica se o usuário solicitou minimizar o número de efeitos de camadas transparentes ou semi-transparentes usados pelo sistema.
```
Sec-CH-Prefers-Contrast
```
Indica se o usuário solicitou que o conteúdo da web seja apresentado com contraste mais alto (ou mais baixo).
```
Sec-CH-Forced-Colors
```
Indica se o agente do usuário habilitou o modo de cores forçadas, onde usa uma paleta de cores limitada escolhida pelo usuário na página.

Artigo Detalhes