Quelles fonctionnalités Web avancées votre navigateur prend-il en charge ? Et quelles sont les applications Web qui utilisent ces capacités ? Pour répondre à ces questions, découvrez un site de test de navigateur et une extension de navigateur.
Project Fugu est une initiative interentreprises qui vise à combler les lacunes au niveau des fonctionnalités du Web afin de permettre à de nouvelles classes d'applications de s'exécuter sur celui-ci. Plus concrètement, cela implique l'ajout de nouvelles API aux navigateurs que les développeurs d'applications peuvent utiliser pour permettre des cas d'utilisation auparavant impossibles. Quelles sont les API compatibles avec le navigateur de votre choix ? Quelles applications Web utilisent ces API ? Découvrons comment faire
Comment Fugu est-il mon navigateur ?
Les API Project Fugu, telles que la gestion des fichiers, l'accès au système de fichiers, Async Clipboard et le partage Web, offrent sur le Web des fonctionnalités qui ne sont disponibles que dans des applications spécifiques à une plate-forme. Par exemple, vous pouvez maintenant double-cliquer sur un fichier image pour l'ouvrir dans une PWA associée, apporter des modifications, les réenregistrer, puis copier le contenu de l'image dans une autre application ou le partager avec un client de messagerie. Ce processus n'était pas possible sur le Web jusqu'à récemment.
Pour découvrir ce qui est possible, consultez l'application How Fugu is my browser? (Comment Fugu est-il mon navigateur ?) et quelles API Project Fugu sont compatibles avec le navigateur de votre choix. Toutes les fonctionnalités ne sont pas disponibles sur toutes les plates-formes. Par exemple, l'API Contact Picker n'est actuellement disponible que sur mobile. Il est donc techniquement impossible d'obtenir un score de 100% si vous effectuez le test sur ordinateur (et vice versa). Par conséquent, considérez ce test comme une compétition ludique plutôt que comme une science absolue. Pour chaque fonctionnalité testée, vous trouverez un lien vers la documentation correspondante afin que vous puissiez en savoir plus sur la fonctionnalité. Lorsque la détection des fonctionnalités est possible, une note indique si la fonctionnalité est compatible ou non avec votre navigateur. Enfin, des statistiques de chargement des pages liées à l'état Chrome vous indiquent la popularité d'une fonctionnalité donnée au fil du temps.
Si votre navigateur est compatible avec l'API Web Share, vous pouvez indiquer comment Fugu fonctionne en cliquant sur le bouton Share (Partager) situé à côté du poisson Fugu et de la barre de progression. Sinon, vous pouvez télécharger une capture d'écran, puis la partager manuellement sur le réseau social de votre choix.
Qu'est-ce que Fugu est le Web ?
L'extension de navigateur associée intitulée Comment Fugu est-il le Web ? vous aidera à savoir quelles API Fugu sont utilisées par les sites que vous consultez. Installez cette extension depuis le Chrome Web Store et naviguez sur le Web. Vous remarquerez que le compteur de poissons Fugu sur certains sites affiche un badge avec les API Project Fugu détectées. Par exemple, si vous accédez à Excalidraw, le compteur passe à 9, car Excalidraw utilise neuf API détectables Project Fugu. Les voici :
- CacheStorage
- Service worker
- Partage Web
- Presse-papiers asynchrone
- Presse-papiers asynchrone (images)
- Accès au système de fichiers
- Cible de partage Web
- Cible de partage Web (fichiers)
- Gestion des fichiers
Comme précédemment, vous pouvez partager les résultats directement si votre navigateur est compatible avec l'API Web Share, ou manuellement dans le cas contraire. Pour savoir si votre navigateur prend en charge une fonctionnalité, lisez la documentation correspondante en cliquant sur Détails. Vous pouvez également consulter directement l'extrait de code source approprié en cliquant sur le lien du code source dans la liste à puces.
Conclusions
Lorsque vous naviguez sur le Web avec l'extension How Fugu is the Web? (Comment Fugu est-il le Web ?), la fréquence d'affichage du badge de l'API Project Fugu est impressionnante. Cela va des pages avec des fonctionnalités pratiques, comme la possibilité de coller des images dans une application, comme la page "New Issue" (Nouveau problème) de GitHub (au lieu de les importer en tant qu'option moins confortable), à des applications complètes qui utilisent plusieurs fonctionnalités telles que la gestion de fichiers, l'accès au système de fichiers et l'accès au presse-papiers, comme dans Excalidraw. Alors qu'une application spécifique à une plate-forme était auparavant nécessaire, une application Web peut désormais remplir certains cas. C'est par exemple le cas de l'application Wootility de Wooting, qui permet de programmer des claviers de jeu avec l'API WebHID.
De même, l'exécution de How Fugu is my browser? (Comment Fugu est mon navigateur ?) à chaque nouvelle version du navigateur de votre choix (ou tout autre navigateur ou WebView intégré) est très satisfaisant. Avec presque chaque nouvelle version de navigateur, la barre de progression augmente légèrement lorsque le navigateur acquiert une ou deux nouvelles fonctionnalités.
Développer pour le Web est plus viable que jamais, et de nouvelles fonctionnalités continuent d'être ajoutées à la plate-forme à un rythme incroyable. Le Web n'est pas votre seul choix pour créer une application. J'espère qu'avec ce site de test et l'extension de navigateur, je vous ai convaincu de donner un second coup d'œil au Web compatible si vous ne l'avez pas envisagé jusqu'ici.