O que é a ferramenta Informações do Navegador e do Dispositivo?
Informações do Navegador e do Dispositivo é uma ferramenta completa que exibe dados detalhados sobre seu navegador web, hardware do dispositivo, sistema operacional e configurações do sistema. Ela ajuda você a entender exatamente o que seu navegador informa a sites e aplicações por meio da string User Agent e das APIs do navegador.
Se você é um desenvolvedor depurando problemas de compatibilidade, um técnico de suporte solucionando problemas, ou simplesmente curioso sobre seu sistema e sua User Agent, esta ferramenta fornece todos os detalhes em uma única visualização organizada.
- 1. O que é a ferramenta Informações do Navegador e do Dispositivo?
- 2. Para quem é esta ferramenta?
- 3. Categorias de Informação
- 4. Proteção de Privacidade
- 5. Como usar Informações do Navegador e do Dispositivo
- 6. Visualizando suas Informações
- 7. Copiando Informações
- 8. Usando o Parser de User Agent
- 9. Atualizando os Dados
- 10. Recursos e Capacidades
- 11. Detecção de Navegador
- 12. Dispositivo & Sistema Operacional
- 13. Informações de Hardware
- 14. Informações de Rede
- 15. Parser de User Agent
- 16. Opções de Exportação
- 17. Detecção de Recursos do Navegador
- 18. Preferências do Sistema
- 19. Perguntas Frequentes
- 19.1. Por que alguns valores aparecem como "N/A"?
- 19.2. A contagem de núcleos da CPU é precisa?
- 19.3. Por que a Memória do Dispositivo mostra um valor aproximado?
- 19.4. Sites podem ver todas essas informações sobre mim?
- 19.5. O que é uma string de User Agent?
- 19.6. Como posso usar o parser de User Agent?
- 19.7. Por que minha GPU aparece como "Unknown" ou genérica?
- 19.8. Esta ferramenta funciona offline?
- 19.9. Como posso usar isto para relatórios de bugs?
- 19.10. Por que minha versão do navegador é diferente do que eu esperava?
- 19.11. O que são as configurações de Preferências?
Para quem é esta ferramenta?
Desenvolvedores Web
Equipe de Suporte de TI
Testadores de QA
Usuários Preocupados com Privacidade
Curiosos e Estudiosos
Categorias de Informação
A ferramenta exibe informações abrangentes organizadas em cinco categorias principais:
Informações do Navegador
Nome do navegador, versão, engine de renderização, status de cookies e a string completa do User Agent
Dispositivo & Sistema
Sistema operacional, tipo de dispositivo, resolução de tela, núcleos da CPU e memória
Hardware Avançado
Detalhes da GPU, suporte a WebGL, status da bateria e tipo de conexão de rede
Recursos do Navegador
Suporte a notificações, geolocalização, service workers e APIs modernas
Parser de User Agent
Analise e parseie qualquer string de User Agent para extrair informações de navegador, SO e dispositivo
Proteção de Privacidade
Toda a detecção de informações acontece inteiramente no seu navegador. Sua privacidade está totalmente protegida:
- Sem transmissão de dados para qualquer servidor
- Sem armazenamento ou registro das suas informações
- Sem cookies de rastreamento ou analytics relacionados aos seus dados do sistema
- As informações exibidas são o que qualquer site já pode acessar através do seu navegador
Como usar Informações do Navegador e do Dispositivo
Usar esta ferramenta é simples. No momento em que você abre a página, ela detecta automaticamente e exibe todas as informações disponíveis sobre seu navegador e dispositivo.
Visualizando suas Informações
As informações estão organizadas em seções claras e acessíveis:
Informações do Navegador
Localizado no canto superior esquerdo, mostra detalhes do navegador incluindo nome, versão e a string completa do User Agent
Dispositivo & Sistema
Localizado no canto superior direito, exibe seu sistema operacional, tela e informações de hardware
Informações Avançadas
Na parte inferior, fornece detecção detalhada de hardware e recursos com explicações úteis
Cada linha inclui um ícone de ajuda que explica o que aquele item particular de informação significa.
Copiando Informações
Múltiplas maneiras convenientes de copiar e exportar suas informações do sistema:
- Copiar um único valor — Passe o mouse sobre qualquer linha e clique no botão de copiar que aparece à direita
- Copiar tudo — Clique no botão Copiar Tudo na barra de ação para copiar tudo como texto formatado
- Exportar como JSON — Clique em Exportar JSON para baixar um arquivo estruturado, útil para relatórios de bugs ou documentação
Usando o Parser de User Agent
O Parser de User Agent é um recurso poderoso que ajuda você a analisar qualquer string de User Agent:
Encontre o campo User Agent na seção Informações do Navegador
O textarea mostra, por padrão, a string de User Agent do seu navegador atual
Para analisar outro User Agent, cole qualquer string de User Agent no textarea
Clique em Analisar User Agent para ver o detalhamento
Os resultados parseados mostram nome do navegador, versão, sistema operacional e tipo de dispositivo extraídos da string User Agent
Atualizando os Dados
Clique no botão Atualizar para atualizar todas as informações. Isso é útil quando:
- Você mudou sua conexão de rede
- Você rotacionou seu dispositivo
- Você redimensionou a janela do navegador
- Você quer ver o status atualizado da bateria ou da rede
Alguns valores, como tamanho do viewport e status online, atualizam automaticamente quando mudam.
Recursos e Capacidades
Informações do Navegador e do Dispositivo oferece detecção abrangente do sistema com vários recursos úteis para desenvolvedores, profissionais de TI e usuários curiosos.
Detecção de Navegador
Identifica com precisão seu navegador e suas capacidades a partir da string User Agent e das APIs do navegador:
- Nome & Versão do Navegador — Detecta Chrome, Firefox, Safari, Edge, Opera e outros navegadores
- Engine de Renderização — Mostra Blink, Gecko, WebKit ou outras engines
- String de User Agent — Exibe sua User Agent completa que os sites vêem
- Status de Cookies — Indica se cookies estão habilitados ou bloqueados
- Do Not Track — Mostra sua preferência DNT
- Status Online — Indicador em tempo real da sua conexão com a internet
Dispositivo & Sistema Operacional
Fornece informações detalhadas sobre seu dispositivo e sistema:
- Sistema Operacional — Identifica Windows, macOS, Linux, iOS, Android com versão quando disponível
- Tipo de Dispositivo — Classifica como Desktop, Mobile ou Tablet
- Resolução de Tela — Mostra as dimensões da sua tela completa
- Tamanho do Viewport — Exibe a área visível real do navegador
- Pixel Ratio — Importante para design responsivo e displays de alta densidade de pixels
- Suporte ao Toque — Indica capacidade de toque e número de pontos de toque
Informações de Hardware
Mostra detalhes de hardware disponíveis (disponibilidade varia por navegador e configurações de privacidade):
- Núcleos da CPU — Número de processadores lógicos
- Memória do Dispositivo — Memória RAM aproximada (apenas Chrome e Edge)
- Informações da GPU — Fabricante e modelo da placa gráfica via WebGL
- Status da Bateria — Nível atual de carga e estado de carregamento
Informações de Rede
Exibe detalhes de conexão quando disponíveis:
- Tipo de Conexão — Mostra wifi, celular (4G/5G), ethernet ou outro
- Velocidade Efetiva — Largura de banda estimada da conexão
Parser de User Agent
Parser de User Agent embutido para analisar e decodificar strings de User Agent:
- Analise qualquer User Agent — Cole qualquer string de User Agent de logs, relatórios ou analytics para analisá-la
- Saída estruturada — Extraia informações de navegador, SO, dispositivo e engine a partir da User Agent
- Exibição da UA atual — Veja sua própria string de User Agent em formato legível
- Funcionalidade de cópia — Copie facilmente sua string de User Agent atual para testes ou relatórios
- Decodificador de formato — Entenda o formato complexo da User Agent e o que cada parte significa
Opções de Exportação
Múltiplas formas de salvar e compartilhar as informações:
- Copiar valores individuais — Cópia com um clique para qualquer campo específico
- Copiar Tudo — Obtenha todas as informações como texto formatado
- Exportar JSON — Baixe um arquivo com os dados estruturados para uso técnico
Detecção de Recursos do Navegador
Verifica suporte a recursos web modernos e APIs:
- Notificações — Status de permissão para push notifications
- Geolocalização — Se a API de localização está disponível
- Service Workers — Suporte para capacidades offline
- WebGL & WebGPU — Disponibilidade das APIs gráficas
- Visualizador de PDF — Suporte integrado a PDF
Preferências do Sistema
Detecta as configurações de acessibilidade do seu sistema e navegador:
- Esquema de Cores — Preferência por modo escuro ou claro
- Redução de Movimento — Preferência por animações mínimas
- Contraste — Preferência por alto ou baixo contraste para acessibilidade
- Tipo de Ponteiro — Dispositivo de entrada principal (mouse vs tela sensível ao toque)
- Redução de Transparência — Preferência para minimizar efeitos de desfoque e transparência
Essas preferências ajudam sites e apps a adaptar a interface para combinar com as configurações do seu sistema, melhorando acessibilidade e experiência do usuário.
Perguntas Frequentes
Por que alguns valores aparecem como "N/A"?
Diversos navegadores oferecem suporte a diferentes APIs JavaScript. Por exemplo:
- Memória do Dispositivo — Disponível apenas no Chrome e Edge
- Informações de Rede — Disponível apenas no Chrome e Edge no Android/Desktop
- Status da Bateria — Pode ser bloqueado por privacidade em alguns navegadores
- Detalhes da GPU — Requer suporte a WebGL; alguns navegadores limitam isso para proteção contra fingerprinting
Quando uma API não está disponível, a ferramenta exibe "N/A" em vez de mostrar informação incorreta.
A contagem de núcleos da CPU é precisa?
A API navigator.hardwareConcurrency retorna o número de processadores lógicos, não de núcleos físicos. Uma CPU de 4 núcleos com hyper-threading mostrará 8 núcleos lógicos. Alguns navegadores também limitam este valor por motivos de privacidade.
Por que a Memória do Dispositivo mostra um valor aproximado?
Para proteção de privacidade, a API de Memória do Dispositivo retorna valores arredondados (0.25, 0.5, 1, 2, 4, 8 GB, etc.) em vez de tamanhos exatos. Isso evita fingerprinting preciso ao mesmo tempo que permite que web apps ajustem seu comportamento para dispositivos com pouca memória.
Sites podem ver todas essas informações sobre mim?
Sim. Tudo exibido nesta ferramenta é informação que qualquer site pode acessar através de APIs padrão do navegador. Esta ferramenta apenas apresenta de forma legível. Se você está preocupado com fingerprinting, considere:
- Usar extensões de privacidade no navegador
- Ativar configurações de privacidade estritas no seu navegador
- Usar navegadores com proteção contra fingerprinting integrada, como Firefox ou Brave
O que é uma string de User Agent?
Uma string User Agent (UA) é um identificador em texto que seu navegador envia automaticamente para todo site que você visita. Ela contém informações codificadas sobre o nome do navegador, versão, sistema operacional e tipo de dispositivo. Sites usam a string de User Agent para servir conteúdo apropriado, detectar problemas de compatibilidade ou otimizar a interface para seu dispositivo. O formato da User Agent é padronizado, mas pode ser bastante complexo e críptico, por isso o recurso de parser de User Agent ajuda a destrinchar em componentes legíveis.
Como posso usar o parser de User Agent?
O parser de User Agent é útil em vários cenários:
- Relatórios de bugs — Quando usuários reportam problemas, peça que copiem sua string de User Agent e a colem no parser para identificar exatamente o navegador e SO
- Logs de servidor — Analise strings de User Agent dos logs do seu servidor para entender quais navegadores visitam seu site
- Testes — Verifique como diferentes strings de User Agent são interpretadas
- Analytics — Decodifique dados de User Agent da sua plataforma de analytics
Por que minha GPU aparece como "Unknown" ou genérica?
Alguns navegadores escondem informações detalhadas da GPU para evitar fingerprinting. O Firefox, por exemplo, pode mostrar um nome de renderer genérico em vez do modelo real da GPU. Isso é uma funcionalidade de proteção de privacidade, não um erro de detecção.
Esta ferramenta funciona offline?
Sim. Depois que a página carrega, toda a detecção acontece localmente no seu navegador. Você pode se desconectar da internet e ainda ver suas informações do navegador e do dispositivo (embora o Status Online mude para "Não").
Como posso usar isto para relatórios de bugs?
Clique em Exportar JSON para baixar um arquivo contendo todas as informações do sistema em formato estruturado. Anexe esse arquivo ao seu relatório de bug, ou clique em Copiar Tudo e cole o texto diretamente no seu relatório. Isso fornece aos desenvolvedores detalhes exatos sobre seu ambiente.
Por que minha versão do navegador é diferente do que eu esperava?
A detecção da versão do navegador lê a informação da string User Agent, que pode nem sempre refletir a versão exata instalada. Além disso, alguns navegadores (especialmente os baseados em Chromium) compartilham números de versão entre a família e podem ter strings de User Agent similares. A versão detectada deve corresponder ao que você vê na página "Sobre" do seu navegador. Se a User Agent foi modificada por extensões ou ferramentas de privacidade, a versão detectada pode diferir.
O que são as configurações de Preferências?
A seção Preferências mostra configurações de nível de sistema que afetam como os sites devem exibir conteúdo:
- Esquema de Cores — Sua configuração de modo escuro/claro do SO
- Redução de Movimento — Uma configuração de acessibilidade para minimizar animações (ajuda usuários com sensibilidade a movimento)
- Contraste — Modo de alto contraste para melhor visibilidade
- Tipo de Ponteiro — Se seu dispositivo principal é um mouse preciso ou uma tela sensível ao toque
Desenvolvedores web usam essas preferências para criar interfaces adaptativas que respeitam suas escolhas automaticamente.
Ainda não há comentários. Seja o primeiro a comentar!