Com quais recursos avançados da Web seu navegador é compatível? E quais são os apps da Web que usam esses recursos? Para responder a essas perguntas, confira um site de teste de navegador e uma extensão de navegador.
O Project Fugu é um esforço conjunto de empresas para preencher lacunas nos recursos da Web, permitindo que novas classes de aplicativos sejam executadas na Web. Mais especificamente, isso significa adicionar novas APIs aos navegadores que os desenvolvedores de apps podem usar para ativar casos de uso impossíveis antes. Com quais APIs seu navegador preferido é compatível? Quais aplicativos da Web usam essas APIs? Vamos descobrir!
Como o Fugu é meu navegador?
As APIs do Project Fugu, como File Handling, File System Access, Async Clipboard e Web Share, trouxeram à Web recursos que você só esperaria encontrar em apps específicos da plataforma. Por exemplo, agora é possível clicar duas vezes em um arquivo de imagem para que ele seja aberto em um PWA associado, fazer modificações, salvar as alterações no arquivo e copiar o conteúdo da imagem para outro app ou compartilhá-lo com um cliente de e-mail. Esse fluxo não era possível na Web até recentemente.
Para saber o que é possível, confira o aplicativo How Fugu is my browser? e veja quais APIs do Project Fugu são compatíveis com o navegador escolhido. Nem todos os recursos são expostos em todas as plataformas. Por exemplo, a API Contact Picker está disponível apenas em dispositivos móveis. Por isso, é tecnicamente impossível alcançar uma pontuação de 100% se você testar em computadores (e vice-versa). Portanto, considere este teste como uma competição divertida, e não como uma ciência absoluta. Para cada recurso testado, há um link para a documentação relevante para que você possa saber mais sobre o recurso. Quando a detecção de recursos é possível, há também uma observação sobre se o recurso tem suporte do navegador ou não e, por fim, estatísticas de carregamento de página vinculadas ao Status do Chrome que informam a popularidade de um determinado recurso ao longo do tempo.
Se o navegador for compatível com a API Web Share, você poderá compartilhar o Fugu do navegador clicando no botão Compartilhar ao lado do peixe Fugu e da barra de progresso. Caso contrário, você pode fazer o download de uma captura de tela e compartilhá-la manualmente na sua rede social on-line preferida.
Como o Fugu é a Web?
A extensão complementar do navegador chamada How Fugu is the web? vai ajudar você a descobrir quais APIs do Fugu são usadas pelos sites que você está visitando. Instale essa extensão na Chrome Web Store e navegue na Web. Observe como o contador de peixes Fugu em alguns sites exibe um selo com as APIs do Project Fugu detectadas. Por exemplo, se você navegar até o Excalidraw, o contador vai pular para 9, já que o Excalidraw usa nove APIs detectáveis do Project Fugu. São eles:
- CacheStorage
- Service worker
- Compartilhar na Web
- Área de transferência assíncrona
- Área de transferência assíncrona (imagens)
- Acesso ao sistema de arquivos
- Meta de compartilhamento da Web
- Destino de compartilhamento da Web (arquivos)
- Processamento de arquivos
Como antes, você pode compartilhar os resultados diretamente se o navegador oferecer suporte à API Web Share ou manualmente se não oferecer. Para saber se o navegador oferece suporte a um recurso, leia a documentação relevante clicando em Detalhes. Você também pode conferir diretamente o snippet de código-fonte relevante clicando no link do código-fonte na lista de marcadores.
Conclusões
Ao navegar na Web com a extensão How Fugu is the Web? instalada, é impressionante ver com que frequência o selo da API Project Fugu aparece. Isso varia de páginas com recursos de conforto, como colar imagens em um app, como, por exemplo, na página de novos problemas do GitHub (em vez de fazer upload delas como uma opção menos confortável) a apps completos que usam vários recursos, como processamento de arquivos, acesso ao sistema de arquivos e acesso à área de transferência, como no Excalidraw. Antes, um app específico da plataforma era necessário, mas, em alguns casos, agora um aplicativo da Web pode ser usado. Um exemplo disso é o app Wootility do Wooting para programar teclados de jogos com a API WebHID.
Da mesma forma, executar How Fugu is my browser? em cada nova versão do navegador escolhido (ou qualquer outro navegador ou WebView incorporada) é muito satisfatório. Com quase todas as novas versões do navegador, a barra de progresso se move um pouco para cima quando o navegador ganha um ou dois novos recursos.
Desenvolver para a Web está mais viável do que nunca, e novos recursos continuam sendo adicionados à plataforma a um ritmo incrível. A Web não é sua única opção para criar um app, mas espero que, com este site de teste e a extensão do navegador, você tenha sido convencido a dar uma segunda olhada na Web capaz se você ainda não o fez.