Quais recursos avançados da Web seu navegador oferece suporte? E quais são os aplicativos da web que usam esses recursos? Para responder a essas perguntas, confira um site de testes de navegador e uma extensão de navegador.
O Projeto Fugu é uma iniciativa de várias empresas para preencher lacunas dos recursos da Web, permitindo que novas classes de aplicativos sejam executadas na Web. Mais concreto, isso significa adicionar novas APIs a navegadores que os desenvolvedores de apps podem usar para permitir casos de uso anteriormente impossíveis. Quais APIs são compatíveis com seu navegador? Quais aplicativos da Web usam essas APIs? Vamos descobrir!
Como é o Fugu no meu navegador?
As APIs do Project Fugu, como File Handling, File System Access, Async Clipboard e Web Share, ofereceram recursos para a Web que só seriam possíveis em apps específicos da plataforma. Por exemplo, agora você pode clicar duas vezes em um arquivo de imagem para que ele seja aberto em um PWA associado, fazer modificações, salvar as mudanças no arquivo e copiar o conteúdo da imagem para outro app ou compartilhá-lo em um cliente de e-mail. Esse fluxo não era possível na Web até pouco tempo atrás.
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 seu navegador preferido. Nem todos os recursos estão expostos em todas as plataformas. Por exemplo, a API Contact Picker atualmente só é exposta em dispositivos móveis. Portanto, é tecnicamente impossível atingir uma pontuação de 100% se você testar no computador (e vice-versa). Portanto, considere esse teste como uma competição divertida em vez de ciência absoluta. Para cada recurso testado, há um link para a documentação relevante com mais informações. Nos casos em que a detecção de recursos é possível, há também uma observação sobre se o recurso é compatível com seu navegador e, por fim, estatísticas de carregamento de página vinculadas ao Status do Chrome que informam a popularidade de um recurso ao longo do tempo.
Se o navegador for compatível com a API Web Share, você pode compartilhar a qualidade do seu navegador Fugu clicando no botão Share 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 rede social on-line que preferir.
Como é a Web Fugu?
A extensão para navegador complementar chamada How Fugu is the web? (Como o Fugu é a Web?) ajuda você a descobrir quais APIs do Fugu são usadas pelos sites que você está visitando. Instale essa extensão da Chrome Web Store e navegue na Web. Em seguida, observe como o contador de peixe Fugu em alguns sites exibe um selo com as APIs do Project Fugu detectadas. Por exemplo, se você navegar para Excalidraw, o contador pulará para 9, já que o Excalidraw usa nove APIs detectáveis do Project Fugu. São eles:
- CacheStorage
- Service Worker
- Compartilhamento da Web
- Área de transferência assíncrona
- Área de transferência assíncrona (imagens)
- Acesso ao sistema de arquivos
- Destino de compartilhamento da Web
- Destino de compartilhamento da Web (arquivos)
- Processamento de arquivos
Como antes, você pode compartilhar os resultados diretamente, caso seu navegador seja compatível com a API Web Share, ou manualmente, se não for. Para saber se o navegador é compatível com 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 com marcadores.
Conclusões
Ao navegar na Web com a extensão How Fugu is the Web? instalada, é impressionante a frequência com que o selo da API Project Fugu aparece. Isso varia de páginas com recursos simples, como a possibilidade de colar imagens em um app, como, por exemplo, na página "New Issue" do GitHub (em vez de fazer upload delas como uma opção menos confortável), até 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, um aplicativo da Web pode fazer o preenchimento. Um exemplo disso é o app Wootility da Wooting para programação de teclados de jogos com a API WebHID.
Da mesma forma, executar How Fugu is my browser? em cada nova versão do navegador (ou em qualquer outro navegador ou WebView incorporado) é muito satisfatório. Com quase cada nova versão do navegador, a barra de progresso sobe um pouco quando o navegador recebe um ou dois novos recursos.
A criação 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 é a única opção para criar um app, mas espero que, com este site de teste e a extensão do navegador, eu tenha convencido você a dar uma segunda chance à Web compatível caso ainda não tenha considerado isso.