Quali funzionalità web avanzate supporta il tuo browser? E quali sono le app web che utilizzano queste funzionalità? Per rispondere a queste domande, prova a visitare un sito di test del browser e un'estensione del browser.
Project Fugu è un'iniziativa interaziendale per colmare le lacune delle funzionalità del web, consentendo l'esecuzione sul web di nuove classi di applicazioni. Più concretamente, ciò significa aggiungere ai browser nuove API che gli sviluppatori di app possono usare per abilitare casi d'uso precedentemente impossibili. Quali API supporta il tuo browser preferito? Quali applicazioni web utilizzano queste API? Scopriamolo insieme.
Com'è Fugu il mio browser?
Le API di Project Fugu, come File Gestione, Accesso al file system, Async Clipboard e Condivisione web hanno apportato sul web funzionalità che probabilmente ti aspetti siano possibili solo in app specifiche della piattaforma. Ad esempio, ora puoi fare doppio clic su un file immagine per aprirlo in una PWA associata, apportare modifiche, salvare nuovamente le modifiche nel file e quindi copiare i contenuti dell'immagine in un'altra app o condividerli con un client di posta. Questo flusso non è stato possibile sul web fino a poco tempo fa.
Per scoprire cosa è possibile, controlla l'applicazione Come Fugu è il mio browser? e scopri quali API Project Fugu sono supportate dal tuo browser preferito. Non tutte le funzionalità sono esposte su tutte le piattaforme, ad esempio l'API Contact Picker è attualmente esposta solo sui dispositivi mobili, quindi è tecnicamente impossibile raggiungere un punteggio del 100% se si esegue il test su computer (e viceversa). Considera quindi questo test come una gara giocosa piuttosto che come una scienza assoluta. Per ogni funzionalità testata, è disponibile un link alla documentazione pertinente per scoprire di più sulla funzionalità. Quando è possibile rilevare le funzionalità, viene visualizzata anche una nota che indica se la funzionalità è supportata o meno dal browser e infine le statistiche sul caricamento delle pagine collegate allo stato di Chrome che indicano la popolarità nel tempo di una determinata funzionalità.
Se il tuo browser supporta l'API Web Share, puoi condividere come funziona Fugu il tuo browser facendo clic sul pulsante Condividi accanto al pesce Fugu e alla barra di avanzamento. In alternativa, puoi scaricare uno screenshot e condividerlo manualmente sul social network online che preferisci.
Com'è Fugu il web?
L'estensione per browser complementare denominata How Fugu is the web? ti aiuterà a scoprire quali API Fugu vengono utilizzate dai siti che visiti. Installa questa estensione dal Chrome Web Store e naviga sul Web, quindi nota come il contatore dei pesci Fugu su alcuni siti mostri un badge con le API Project Fugu rilevate. Ad esempio, se passi a Excalidraw, il contatore passa a 9, poiché Excalidraw utilizza nove API Project Fugu rilevabili. Le tre aree sono:
- CacheStorage
- Service worker
- Condivisione web
- Appunti asinc
- Appunti asinc (immagini)
- Accesso al file system
- Destinazione condivisione web
- Destinazione condivisione web (file)
- Gestione file
Come in precedenza, puoi condividere i risultati direttamente se il tuo browser supporta l'API Web Share o manualmente in caso contrario. Per verificare se il tuo browser supporta una funzionalità, leggi la documentazione pertinente facendo clic su Dettagli. Puoi anche controllare direttamente lo snippet di codice sorgente pertinente facendo clic sul link del codice sorgente nell'elenco puntato.
Conclusioni
Quando navighi sul web con l'estensione How Fugu is the Web? installata, è impressionante vedere con quale frequenza appare il badge dell'API Project Fugu. Questo va da pagine con funzionalità utili come la possibilità di incollare immagini in un'app come, ad esempio, nella pagina New Issue di GitHub (invece di caricarle come opzione meno comoda), ad app complete che utilizzano varie funzionalità come la gestione dei file, l'accesso al file system e l'accesso agli appunti, come in Excalidraw. Se in precedenza era necessaria un'app specifica per la piattaforma, in alcuni casi ora è possibile compilare un'applicazione web. Un esempio è l'app Wootility di Wooting per la programmazione di tastiere da gioco con l'API WebHID.
Analogamente, eseguire How Fugu is my browser? su ogni nuova versione del browser preferito (o su qualsiasi altro browser o WebView incorporato) è molto soddisfacente. In quasi ogni nuova versione del browser, la barra di avanzamento si sposta leggermente quando il browser ha acquisito nuove funzionalità o due.
Creare per il web è più fattibile che mai e le nuove funzionalità vengono aggiunte alla piattaforma a un ritmo sorprendente. Il Web non è la tua unica scelta per creare un'app, ma spero che questo sito di test e l'estensione del browser ti abbiano convinto a dare una seconda occhiata al web capace, se non lo hai preso in considerazione finora.