Informações Técnicas do Seu Monitor
A ficha técnica reúne, em uma tela, as informações expostas pelo navegador sobre o seu display: resolução lógica e estimativa de resolução, devicePixelRatio, profundidade de cor, gamut declarado, faixa dinâmica, orientação e a GPU que está compondo os quadros.
Abrir ferramenta em tela cheia →Como usar
- Abra a ferramenta na tela que você quer auditar — em setups com dois monitores, arraste a janela para o painel certo antes de ler os valores.
- Compare a estimativa com as configurações de vídeo do sistema. Zoom, escala e proteções de privacidade podem alterar os valores; a leitura não confirma a resolução nativa do painel.
- Confira os indícios de gamut e faixa dinâmica declarados ao navegador e compare-os com as configurações do sistema e do monitor.
Quando usar
- Descobrir se o Windows ou o macOS está aplicando escala (125%, 150%, 200%) e reduzindo a nitidez percebida.
- Observar se o navegador declara suporte a faixa dinâmica ampliada antes de conferir o modo no sistema.
- Registrar a identificação de GPU exposta pelo WebGL, que pode ser genérica ou mascarada.
- Documentar uma leitura do navegador em tickets de suporte e inventários, com data e limitações.
Limitações
O navegador expõe apenas o que o sistema operacional declara. Ele não lê o EDID completo, não mede luminância em cd/m² e não confirma cobertura real de gamut — para isso é necessário um colorímetro.
Perguntas Frequentes
- Por que a resolução mostrada é menor do que a do meu monitor 4K?
- screen.width devolve pixels CSS. Seu produto por devicePixelRatio é apenas uma estimativa afetada pelo zoom e pela escala; consulte o sistema operacional para confirmar a resolução do sinal.
- O campo de GPU mostra "ANGLE", um nome genérico ou nada. Isso é problema?
- Não necessariamente. O navegador pode traduzir, abreviar ou ocultar o renderizador por compatibilidade e privacidade; confirme o hardware no sistema operacional.
Metodologia Técnica e Ciência dos Painéis
A leitura combina quatro fontes independentes. A interface Screen entrega largura, altura, área disponível, profundidade de cor e orientação em pixels lógicos. A propriedade devicePixelRatio informa quantos pixels físicos existem para cada pixel CSS, e o produto dos dois é uma estimativa, pois devicePixelRatio também varia com o zoom da página.
Gamut e faixa dinâmica vêm das media queries CSS `color-gamut` e `dynamic-range`. Elas descrevem capacidades declaradas ao navegador, sem medir cobertura, luminância ou validar toda a cadeia HDR.
A identificação da GPU tenta consultar `WEBGL_debug_renderer_info` em um contexto WebGL temporário. O navegador pode omitir ou mascarar o valor; a ferramenta não confirma qual GPU dirige fisicamente o painel.