Uma forma melhor de perguntar "qual é a minha resolução de tela?"

A maioria dos verificadores de resolução de tela são lentos, cheios de anúncios, e dão apenas um número. Nós queríamos o contrário: uma página que carrega instantaneamente, respeita totalmente a sua privacidade, e dá-lhe a imagem completa da sua tela — e depois entrega-lhe as ferramentas para fazer algo com isso.

Privado por conceção

Cada leitura deste site é calculada localmente no seu navegador usando APIs web padrão. Nenhuma informação sobre a sua tela, dispositivo ou navegador é enviada para um servidor, registada ou armazenada. Não há anúncios nem rastreadores de terceiros. A única coisa que guardamos é a sua preferência de tema claro/escuro, guardada no seu próprio navegador.

A imagem completa

Em vez de um único número, mostramos resolução lógica e física, tamanho da viewport, relação de pixels do dispositivo, proporção, profundidade e gama de cor, orientação, uma taxa de atualização medida, e uma estimativa do seu dispositivo — tudo a atualizar-se em direto ao redimensionar, ampliar ou rodar.

Feito também para programadores

Como as telas são tanto um problema de programação como de utilização, adicionámos um indicador em direto dos breakpoints do Tailwind e Bootstrap, um gerador de media queries CSS pronto a copiar para a sua viewport atual, e um link partilhável que reproduz os seus dados exatos — perfeito para um relatório de bug rápido.

Como foi feito

O site é uma compilação estática em Astro estilizada com Tailwind CSS, por isso é tão rápido. As partes interativas são pequenos scripts sem dependências que correm inteiramente no seu dispositivo.