A descoberta da Web eficiente

Quais recursos avançados da Web seu navegador é compatível? E quais são os aplicativos da web que usam esses recursos? Para responder a essas perguntas, confira um site de teste de navegador e uma extensão do navegador.

O Project Fugu é uma iniciativa entre empresas para eliminar lacunas nos recursos da Web, permitindo que novas classes de aplicativos sejam executadas nela. De maneira mais concreta, isso significa adicionar novas APIs aos navegadores que os desenvolvedores de apps podem usar para possibilitar casos de uso anteriormente impossíveis. O navegador de sua preferência tem quais APIs? Quais aplicativos da Web usam essas APIs? Vamos descobrir!

Como o Fugu é meu navegador?

As APIs do Project Fugu, como Gerenciamento de arquivos, Acesso ao sistema de arquivos, Área de transferência assíncrona e Compartilhamento da Web, disponibilizaram recursos para a Web que você imaginava 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 alterações no arquivo e copiar o conteúdo da imagem em outro app ou compartilhá-lo com um cliente de e-mail. Este fluxo não era possível na Web até recentemente.

Para saber o que é possível, acesse o aplicativo Como o Fugu é meu navegador? e veja quais APIs do Project Fugu são compatíveis com seu navegador. Nem todos os recursos são expostos em todas as plataformas. Por exemplo, a API Contact Picker atualmente só está disponível em dispositivos móveis. Por isso, é 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. Assim, você pode saber mais sobre o recurso. Quando a detecção de recursos é possível, há também uma observação se o recurso é compatível com seu navegador e, por fim, as 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 seu navegador for compatível com a API Web Share, compartilhe o resultado com o Fugu clicando no botão Share (Compartilhar) ao lado do peixe Fugu e da barra de progresso. Também é possível fazer o download de uma captura de tela e compartilhar manualmente na rede social on-line de sua preferência.

Acesse o site https://howfuguismybrowser.dev/.
Você já se perguntou: "Como o Fugu é meu navegador?"

Como o Fugu é a web?

A extensão do navegador complementar chamada Como o Fugu é a Web? ajudará você a descobrir quais APIs do Fugu são usadas pelos sites que você acessa. Instale essa extensão da Chrome Web Store e navegue na Web. Em seguida, observe como o contador Fugu Fish em alguns sites exibe um selo com as APIs do Project Fugu detectadas. Por exemplo, se você navegar até o Excalidraw, o contador vai para 9, já que ele usa nove APIs do Projeto Fugu detectáveis. São estes:

  1. CacheStorage
  2. Service worker
  3. Compartilhamento na Web
  4. Área de transferência assíncrona
  5. Área de transferência assíncrona (imagens)
  6. Acesso ao sistema de arquivos
  7. Destino de compartilhamento da Web
  8. Destino de compartilhamento da Web (arquivos)
  9. Gerenciamento de arquivos
A extensão "How Fugu is the Web" invocada no site https://excalidraw.com/.
Você já se perguntou: "Como o Fugu é a Web?"

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 ver 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

Quando você navega 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 úteis, como a possibilidade de colar imagens em um app, como, por exemplo, na página "Novo problema" do GitHub (em vez de fazer upload como uma opção menos confortável), até apps completos que usam vários recursos, como gerenciamento de arquivos, acesso ao sistema de arquivos e acesso à área de transferência, como no Excalidraw. Nos casos em que um app específico da plataforma era necessário, 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 Como o Fugu é meu navegador? em cada nova versão do navegador da sua escolha (ou qualquer outro navegador ou WebView incorporado) é muito satisfatório. Em quase todos os novos lançamentos, a barra de progresso sobe um pouco quando o navegador recebe um ou dois novos recursos.

O desenvolvimento para a Web está mais viável do que nunca, e novos recursos continuam sendo adicionados à plataforma em um ritmo incrível. A Web não é a única opção para criar um app, mas espero que, com esse site de teste e a extensão do navegador, você tenha convencido você a avaliar a Web compatível, caso ainda não tenha pensado nisso.