Navegador Tamanho
Detecte as dimensões da sua viewport e janela do navegador em tempo real.
Tamanho da Sua Janela de Visualização (Interno)
Esta é a área disponível para o conteúdo do seu website.
Janela Externa
--
Posição da Tela
--
Proporção de Pixels do Dispositivo
--
String do Agente do Usuário
--
Tamanho da Viewport vs. Tamanho da Janela
Compreender a diferença entre o tamanho da viewport e o tamanho da janela é crucial para o desenvolvimento web e design responsivo.
Tamanho Interno (Viewport)
A viewport é a área visível de uma página web. Ela exclui a barra de endereços, as abas e as barras de ferramentas do navegador. Esta é a medida mais importante para consultas de mídia CSS.
Tamanho Externo (Janela)
O tamanho da janela externa inclui tudo: a viewport mais todas as barras de ferramentas do navegador, barras de rolagem e bordas da janela.
Por que monitorar o tamanho do navegador?
- Teste de Responsividade: Veja como seu site aparece em pontos de interrupção específicos sem abrir ferramentas de desenvolvimento.
- Depurar Problemas de Layout: Identificar se uma barra de rolagem está causando deslocamentos inesperados no layout.
- Experiência do Usuário: Compreenda o espaço real disponível para seus usuários em diferentes dispositivos.