Alla scoperta del Web

Quali funzionalità web avanzate sono supportate dal tuo browser? E quali sono le app web che si avvalgono di queste funzionalità? Per rispondere a queste domande, visita un sito di test del browser e un'estensione del browser.

Project Fugu è un'iniziativa interaziendale per colmare le lacune nelle capacità del web, consentendo l'esecuzione di nuove classi di applicazioni sul web. Più concretamente, ciò significa aggiungere ai browser nuove API che gli sviluppatori di app possono utilizzare per consentire casi d'uso precedentemente impossibili. Quali API supporta il tuo browser preferito? Quali applicazioni web utilizzano queste API? Scopriamolo insieme.

Com'è il mio browser Fugu?

Le API Project Fugu, come la gestione dei file, l'accesso al file system, gli appunti asincroni e la condivisione web, hanno introdotto sul web funzionalità che potrebbero essere disponibili solo nelle app specifiche per le piattaforme. Ad esempio, ora puoi fare doppio clic su un file immagine in modo che si apra in una PWA associata, apportare modifiche, salvare di nuovo le modifiche al file e quindi copiare i contenuti dell'immagine in un'altra app o condividerli con un client di posta. Si tratta di un flusso che non era possibile sul web fino a poco tempo fa.

Per conoscere tutte le possibilità, consulta l'applicazione Qual è il mio browser? e scopri quali sono le API Project Fugu supportate dal browser che preferisci. Non tutte le funzionalità sono esposte su tutte le piattaforme, ad esempio l'API Contact Selecter è esposta solo sui dispositivi mobili, quindi è tecnicamente impossibile raggiungere un punteggio del 100% se esegui un test su computer (e viceversa). Quindi, considera questo test come una gara ludica piuttosto che come una scienza assoluta. Per ogni funzionalità testata è disponibile un link alla documentazione pertinente, così puoi scoprire di più sulla funzionalità. Laddove è possibile il rilevamento delle funzionalità, è presente 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 il grado di popolarità di una determinata funzionalità nel tempo.

Se il tuo browser supporta l'API Web Share, puoi condividere la posizione del browser Fugu facendo clic sul pulsante Condividi accanto al pesce Fugu e alla barra di avanzamento. Altrimenti, puoi scaricare uno screenshot e condividerlo manualmente sul social network online che preferisci.

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

Com'è Fugu il web?

L'estensione del browser complementare denominata How Fugu is the web? ti aiuterà a scoprire quali API Fugu sono utilizzate dai siti che stai visitando. Installa questa estensione dal Chrome Web Store e naviga sul web, quindi osserva come il contatore Fugu su alcuni siti mostra 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. Queste sono:

  1. CacheStorage
  2. Addetto ai servizi
  3. Condivisione web
  4. Appunti asincrono
  5. Appunti asincroni (immagini)
  6. Accesso al file system
  7. Target condivisione web
  8. Destinazione condivisione web (file)
  9. Gestione dei file
L'estensione "How Fugu is the Web" richiamata sul sito https://excalidraw.com/.
Ti sei mai chiesto: "Com'è Fugu il web?"

Come in precedenza, puoi condividere i risultati direttamente se il tuo browser supporta l'API Web Share oppure 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 viene visualizzato il badge dell'API Project Fugu. Queste vanno da pagine con funzionalità comfort come la possibilità di incollare immagini in un'app come, ad esempio, la pagina Nuovo numero di GitHub (invece di caricarle come opzione meno pratica) ad app complete che utilizzano diverse funzionalità come la gestione dei file, l'accesso al file system e l'accesso agli appunti, come in Excalidraw. Laddove prima era necessaria un'app specifica per una 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.

Allo stesso modo, eseguire How Fugu is my browser? su ogni nuova versione del browser preferito (o qualsiasi altro browser o WebView incorporato) è molto soddisfacente. Con quasi ogni nuova release del browser, la barra di avanzamento si sposta leggermente quando il browser ha acquisito una o due nuove funzionalità.

Sviluppare soluzioni per il web è più che mai fattibile e le nuove funzionalità vengono continuamente aggiunte alla piattaforma a un ritmo straordinario. Il web non è la tua unica scelta per sviluppare un'app, ma spero che grazie a questo sito di test e all'estensione per il browser ti abbia convinto a dare una seconda occhiata al web abilitato se non l'hai ancora fatto.