O que é a Web API?

A Web API (ou Browser API) é uma coleção de interfaces integradas em navegadores web modernos que permitem que JavaScript interaja com recursos do navegador, hardware e o sistema operacional. Os exemplos incluem a Fetch API para requisições de rede, a Geolocation API para coordenadas GPS, WebGL para gráficos 3D, a Clipboard API para copiar/colar, e centenas de outras. Cada API é definida por órgãos de padrões web como o W3C e WHATWG, e os fornecedores de navegadores as implementam em seu próprio ritmo.

Como o suporte do navegador varia muito — algumas APIs são universalmente suportadas, outras são experimentais ou específicas do fornecedor — os desenvolvedores frequentemente precisam verificar quais APIs estão realmente disponíveis em um determinado navegador antes de usá-las. A detecção de recursos (verificar se uma API existe em window antes de chamá-la) é a abordagem padrão.

Descrição da ferramenta

Esta ferramenta testa quais Web APIs estão disponíveis no seu navegador atual em tempo real. Ela combina detecção de navegador ao vivo com dados de compatibilidade de navegador do MDN para lhe dar uma visão abrangente de quais APIs são suportadas, em qual versão ficaram disponíveis e se alguma ainda é experimental.

Recursos

  • Detecção ao vivo: Testa cada API contra o objeto window do seu navegador real e relata o status suportado, não suportado ou desconhecido instantaneamente
  • Dados de compatibilidade do MDN: Mostra a versão mínima do Chrome, Firefox, Safari e Edge que suporta cada API, obtida do pacote oficial @mdn/browser-compat-data
  • Marcação de APIs experimentais: Marca claramente as APIs que ainda são experimentais ou estão atrás de sinalizadores de recursos
  • Testador de expressões personalizadas: Digite qualquer expressão JavaScript para avaliá-la ao vivo no seu navegador e veja o resultado ou erro
  • Filtragem e busca: Filtre por status de suporte (suportado/não suportado/desconhecido) e pesquise por nome de API para encontrar o que você precisa rapidamente

Como funciona

A ferramenta carrega uma lista de entradas de Web API do pacote MDN Browser Compat Data no momento da compilação. Quando você abre a página, ela avalia cada nome de API como uma propriedade do objeto global window — se a propriedade existe e não é nula, a API é marcada como suportada. Os dados de versão do MDN são pré-carregados e exibidos junto com o resultado da detecção ao vivo.

Dicas

  • Use o filtro de status para mostrar apenas as APIs suportadas no seu navegador — útil para auditar o que está disponível antes de escrever código.
  • Use o campo de expressão personalizada para testar verificações de recursos mais complexas, como typeof navigator.bluetooth !== 'undefined' ou 'serviceWorker' in navigator.
  • APIs experimentais podem estar disponíveis em algumas compilações de navegador, mas não em versões estáveis — sempre verifique a documentação do MDN antes de confiar nelas em produção.