O que é o Detector de Recursos do Navegador?

O Detector de Recursos do Navegador é uma ferramenta completa que escaneia seu navegador para identificar quais APIs da Web modernas e recursos são suportados. Em segundos, você verá exatamente o que seu navegador pode e não pode fazer.

Navegadores modernos vêm com centenas de capacidades integradas — desde armazenamento básico até acesso avançado ao hardware. Mas nem todo navegador suporta todos os recursos. Algumas APIs são experimentais, outras exigem contextos seguros (HTTPS) e algumas simplesmente não são implementadas em certos navegadores.

Table of Contents

1. O que é o Detector de Recursos do Navegador?
2. Quem Precisa Desta Ferramenta?
3. Quais Recursos São Detectados?
4. Nota de Privacidade
5. Como Usar o Detector de Recursos do Navegador
6. Começando
7. Explorando Seus Resultados
8. Dicas para Melhores Resultados
9. Recursos e Capacidades
10. Verificação Instantânea
11. Resumo Visual da Pontuação
12. Categorias Organizadas
13. Filtro Inteligente
14. Dicas Úteis
15. Opções de Exportação
16. Perguntas Frequentes

Quem Precisa Desta Ferramenta?

Desenvolvedores Web

Verifique rapidamente quais APIs estão disponíveis antes de usá-las em seus projetos

Testadores de QA

Verifique as capacidades do navegador em diferentes dispositivos e navegadores

Entusiastas de Tecnologia

Descubra do que seu navegador é capaz

Suporte de TI

Diagnostique problemas de compatibilidade quando apps web não funcionam como esperado

Quais Recursos São Detectados?

A ferramenta verifica mais de 100 APIs da Web organizadas em 18 categorias:

Armazenamento

Cookies, LocalStorage, IndexedDB, Cache API

Gráficos

Canvas, WebGL, WebGPU, Picture-in-Picture

Áudio

Web Audio, Síntese de Voz, Reconhecimento de Voz

Rede

Fetch, WebSocket, WebRTC, Eventos Enviados pelo Servidor

Workers

Web Workers, Service Workers, WebAssembly

Sensores

Geolocalização, Acelerômetro, Giroscópio

Hardware

Bluetooth, USB, Serial, NFC, MIDI, Gamepad

E Mais

Notificações, Área de Transferência, Sistema de Arquivos, APIs de Segurança

Nota de Privacidade

Todas as detecções de recursos são feitas inteiramente no seu navegador. Nenhum dado é coletado, armazenado ou enviado a qualquer servidor. A ferramenta apenas verifica se certas APIs JavaScript existem no ambiente do seu navegador.

Como Usar o Detector de Recursos do Navegador

Usar o Detector de Recursos do Navegador é simples — a maior parte do trabalho acontece automaticamente.

Começando

Abra a Ferramenta

Basta abrir esta página em qualquer navegador. O processo de detecção começa imediatamente e escaneia todos os recursos automaticamente.

Observe a Varredura

Você verá cada recurso sendo verificado um a um com indicadores visuais:

Um carregador giratório aparece enquanto cada recurso é testado
Um check verde indica que o recurso é suportado
Um X vermelho indica que o recurso não é suportado
O anel de pontuação se preenche conforme mais recursos são detectados

Explore os Resultados

Quando a varredura terminar, você pode explorar os resultados de várias formas:

Exporte os Resultados

Compartilhe seus resultados com outras pessoas usando as opções Copiar Relatório ou exportação JSON.

Explorando Seus Resultados

Filtrar por Status

Use as abas de filtro para mostrar:

Todos — Todos os recursos, independentemente do suporte
Suportados — Apenas recursos que seu navegador suporta
Não Suportados — Apenas recursos que seu navegador não possui

Buscar Recursos

Digite na caixa de busca para encontrar recursos específicos. Por exemplo, pesquise "bluetooth" para encontrar rapidamente suporte ao Web Bluetooth.

Gerenciar Categorias

Clique em qualquer título de categoria para recolher ou expandir. Use os botões expandir/recolher tudo para navegação rápida.

Saiba Sobre os Recursos

Passe o mouse sobre qualquer nome de recurso para ver uma dica explicando o que aquela API faz e casos comuns de uso.

Dicas para Melhores Resultados

Teste em vários navegadores (Chrome, Firefox, Safari, Edge) para comparar capacidades
Alguns recursos exigem HTTPS — testes em localhost podem mostrar resultados diferentes
Navegadores móveis geralmente têm capacidades diferentes das versões desktop
O modo privado/incógnito pode restringir algumas APIs por questões de privacidade

Recursos e Capacidades

O Detector de Recursos do Navegador oferece uma visão completa das capacidades do seu navegador com estes recursos principais:

Verificação Instantânea

Assim que você abre a ferramenta, ela começa a escanear mais de 100 APIs da Web. Cada recurso é testado individualmente usando técnicas padrão de detecção de recursos em JavaScript. A varredura completa leva apenas alguns segundos.

Resumo Visual da Pontuação

Um anel circular de progresso mostra a pontuação dos recursos do seu navegador de forma clara:

Exibe o número de recursos suportados do total
Mostra a percentagem da pontuação em destaque
Identifica o nome do navegador e plataforma

Categorias Organizadas

Os recursos são agrupados em 18 categorias lógicas para facilitar a navegação:

Categoria	O que Abrange
APIs de Armazenamento	Opções de persistência de dados (cookies, bancos de dados, caches)
Gráficos e Mídia	Canvas, WebGL, gravação de vídeo, captura de tela
APIs de Áudio	Processamento de som, texto para fala, reconhecimento de voz
Rede	Requisições HTTP, comunicação em tempo real, detecção offline
Workers	Processamento em segundo plano, suporte offline, código em velocidade nativa
Sensores	Localização, orientação, movimento, sensores ambientais
Hardware	Bluetooth, USB, Serial, NFC, MIDI, controles de jogos
Notificações	Notificações push, sincronização em segundo plano, badges de apps
Área de Transferência	Copiar/colar, eventos de toque, acesso ao teclado
Sistema de Arquivos	Leitura de arquivos, salvamento, arrastar e soltar
Segurança	Criptografia, autenticação, permissões
Exibição	Tela cheia, orientação da tela, bloqueio de ativação
Observadores	Interseção, redimensionamento, mutação, monitoramento de desempenho
Plataforma Web	Histórico, compartilhamento, pagamentos, contatos
APIs de Detecção	Código de barras, reconhecimento facial, reconhecimento de texto
XR	Realidade virtual e aumentada
Desempenho	APIs de temporização, monitoramento de recursos
Misc	Módulos, animações, vibração e mais

Filtro Inteligente

Refine rapidamente os resultados usando:

Filtros de status — Mostrar todos, apenas suportados ou apenas não suportados
Busca por texto — Encontre recursos pelo nome instantaneamente
Filtro combinado — Use ambos juntos para resultados precisos

Dicas Úteis

Cada recurso inclui uma dica que explica:

O que a API faz em linguagem simples
Casos de uso reais (jogos, apps offline, chamadas de vídeo, etc.)

Opções de Exportação

Compartilhe seus resultados facilmente:

Copiar Relatório — Formato de texto legível para humanos, para compartilhamento rápido
Exportação JSON — Formato legível por máquina com detalhes completos, incluindo timestamp, informações do navegador e status de todos os recursos

Perguntas Frequentes

Por que meu navegador mostra alguns recursos como não suportados?

Nem todos os navegadores implementam todas as APIs da Web. Vários fatores afetam o suporte a recursos:

Escolha do navegador — Safari, Firefox e Chrome têm conjuntos de recursos diferentes
Versão do navegador — Versões antigas não possuem APIs mais recentes
Plataforma — Navegadores móveis geralmente têm menos recursos que os desktop
Contexto de segurança — Algumas APIs exigem HTTPS para funcionar
Status experimental — Algumas APIs só estão disponíveis por flags

Por que Chrome e Edge mostram resultados semelhantes?

Chrome e Edge são baseados no motor Chromium, então compartilham a maioria das implementações de APIs da Web. Diferenças pequenas podem existir devido a versões ou recursos específicos do fornecedor.

Posso ativar recursos não suportados?

Alguns recursos podem ser ativados nas configurações do navegador:

Chrome — Visite chrome://flags para ativar recursos experimentais
Firefox — Visite about:config para configurações avançadas
Edge — Visite edge://flags para recursos experimentais

Nota importante: Ativar recursos experimentais pode causar instabilidade. Use por sua conta e risco.

Por que alguns recursos exigem permissões?

APIs sensíveis como câmera, microfone e localização exigem permissão explícita do usuário por questões de privacidade e segurança. O detector apenas verifica se a API existe, não se a permissão foi concedida.

Esta ferramenta é precisa?

A ferramenta usa detecção padrão de recursos em JavaScript — verificando se as APIs existem nos objetos globais do navegador. Essa é a mesma técnica usada por desenvolvedores em código de produção. Porém, tenha em mente:

Existência da API não garante funcionamento perfeito
Algumas APIs podem existir mas estar desativadas por políticas
APIs dependentes de hardware (sensores, Bluetooth) podem mostrar suporte mesmo sem hardware presente

Por que minha pontuação é diferente no celular?

Navegadores móveis geralmente suportam menos APIs que os desktop devido a:

Restrições do sistema operacional (iOS limita o que o Safari pode fazer)
Considerações de bateria e desempenho
Políticas de segurança em plataformas móveis

Esta ferramenta funciona offline?

Sim, uma vez que a página é carregada, toda a detecção ocorre localmente no seu navegador sem comunicação com servidores. Você pode desconectar da internet e a ferramenta continuará funcionando.

Sites podem detectar esses recursos sem eu saber?

Sim, qualquer site pode executar essas mesmas verificações. É assim que apps web determinam quais recursos usar. É uma parte normal do funcionamento da web e não expõe informações pessoais.

O que devo fazer se um app web não funcionar?

Use esta ferramenta para verificar se seu navegador suporta as APIs necessárias:

Verifique os Requisitos

Descubra quais recursos o app precisa (geralmente mencionados na documentação)

Busque os Recursos

Procure esses recursos no detector

Tome uma Ação

Se não suportado, tente outro navegador ou atualize o atual