Alla scoperta del Web

Quali funzionalità web avanzate supporta il tuo browser? E quali sono le app web che utilizzano queste funzionalità? Per rispondere a queste domande, dai un'occhiata a un sito di test del browser e a un'estensione del browser.

Project Fugu è un progetto interaziendale volto a colmare le lacune nelle funzionalità del web, consentendo l'esecuzione di nuove classi di applicazioni sul web. Nello specifico, significa aggiungere nuove API ai browser che gli sviluppatori di app possono utilizzare per abilitare casi d'uso precedentemente impossibili. Quali API supporta il tuo browser preferito? Quali applicazioni web utilizzano queste API? Scopriamolo insieme.

Quanto è Fugu il mio browser?

Le API di Project Fugu, come File Handling, File System Access, Async Clipboard e Web Share hanno portato sul web funzionalità che potresti pensare di poter usare solo in app specifiche per la piattaforma. Ad esempio, ora puoi fare doppio clic su un file immagine in modo che si apra in una PWA associata, apportare modifiche, salvare le modifiche nel file e poi copiare i contenuti dell'immagine in un'altra app o condividerli con un client di posta. Si tratta di un flusso che fino a poco tempo fa non era possibile sul web.

Per scoprire cosa è possibile, dai un'occhiata all'applicazione How Fugu is my browser? e scopri quali API di Project Fugu supporta il browser che preferisci. 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 esegui il test su computer (e viceversa). Pertanto, considera questo test come una competizione ludica piuttosto che una scienza assoluta. Per ogni funzionalità testata, è disponibile un link alla documentazione pertinente per scoprire di più sulla funzionalità. Se è possibile il rilevamento della funzionalità, è presente anche una nota che indica se la funzionalità è supportata o meno dal browser e, infine, statistiche sul caricamento delle pagine collegate a Stato di Chrome che indicano la popolarità di una determinata funzionalità nel tempo.

Se il tuo browser supporta l'API Web Share, puoi condividere il livello di sicurezza del tuo browser facendo clic sul pulsante Condividi accanto al pesce fugu e alla barra di avanzamento. In caso contrario, puoi scaricare uno screenshot e condividerlo manualmente sul tuo social network online preferito.

Il sito all'indirizzo https://howfuguismybrowser.dev/.
Ti sei mai chiesto: "Quanto è fugu il mio browser?"

Quanto è pericoloso il web?

L'estensione del 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, poi osserva come il contatore dei pesci Fugu su alcuni siti mostri un badge con le API di Project Fugu rilevate. Ad esempio, se accedi a Excalidraw, il contatore passa a 9, poiché Excalidraw utilizza nove API Project Fugu rilevabili. Queste sono:

  1. CacheStorage
  2. Service worker
  3. Condivisione web
  4. Async Clipboard
  5. Appunti asincroni (immagini)
  6. Accesso al file system
  7. Web Share Target
  8. Destinazione condivisione web (file)
  9. Gestione dei file
L'estensione "How Fugu is the Web" invocata sul sito https://excalidraw.com/.
Ti sei mai chiesto: "Quanto è pericoloso il web?"

Come in precedenza, puoi condividere i risultati direttamente se il tuo browser supporta l'API Web Share o manualmente se non è così. Per sapere se il tuo browser supporta una funzionalità, consulta la documentazione pertinente facendo clic su Dettagli. Puoi anche controllare direttamente lo snippet di codice sorgente pertinente facendo clic sul link al codice sorgente nell'elenco puntato.

Conclusioni

Quando navighi sul web con l'estensione How Fugu is the Web? installata, è impressionante vedere quanto spesso viene visualizzato il badge dell'API Project Fugu. Si va da pagine con funzionalità di comfort come la possibilità di incollare immagini in un'app, ad esempio nella pagina Nuovo problema di GitHub (anziché caricarle come opzione meno comoda), ad app complete che utilizzano diverse funzionalità come la gestione dei file, l'accesso al file system e all'apposita area di memoria, come in Excalidraw. Se in precedenza era necessaria un'app specifica per la piattaforma, ora in alcuni casi può essere utilizzata 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 che preferisci (o su qualsiasi altro browser o WebView incorporato) è molto soddisfacente. Con con quasi ogni nuova release del browser, la barra di avanzamento si sposta un po' verso l'alto quando il browser ha acquisito una o due nuove funzionalità.

Sviluppare per il web è più fattibile che mai e alla piattaforma vengono aggiunte nuove funzionalità a un ritmo incredibile. Il web non è l'unica scelta per creare un'app, ma spero che questo sito di test e l'estensione del browser ti abbiano convinto a dare un'altra occhiata al web capace se non lo hai ancora considerato.