Quelles fonctionnalités Web avancées votre navigateur prend-il en charge ? Quelles sont les applications Web qui utilisent ces fonctionnalités ? Pour répondre à ces questions, consultez un site de test de navigateur et une extension de navigateur.
Le projet Fugu est un effort interentreprises visant à combler les lacunes des fonctionnalités du Web, ce qui permet d'exécuter de nouvelles classes d'applications sur le Web. Plus concrètement, cela signifie ajouter de nouvelles API aux navigateurs que les développeurs d'applications peuvent utiliser pour activer des cas d'utilisation auparavant impossibles. Quelles API sont compatibles avec votre navigateur de choix ? Quelles applications Web utilisent ces API ? Découvrons comment faire
Comment Fugu est-il mon navigateur ?
Les API du projet Fugu, telles que File Handling (Gestion des fichiers), File System Access (Accès au système de fichiers), Async Clipboard (Copier-coller asynchrone) et Web Share (Partage Web), ont apporté au Web des fonctionnalités que vous ne pensiez possibles que dans les applications spécifiques à une plate-forme. Par exemple, vous pouvez désormais double-cliquer sur un fichier image pour qu'il s'ouvre dans une PWA associée, apporter des modifications, enregistrer les modifications dans le fichier, puis copier le contenu de l'image dans une autre application ou le partager avec un client de messagerie. Il s'agit d'un flux qui n'était pas possible sur le Web jusqu'à récemment.
Pour en savoir plus, consultez l'application How Fugu is my browser? (Comment Fugu est-il mon navigateur ?) et découvrez les API Project Fugu compatibles avec votre navigateur de choix. Toutes les fonctionnalités ne sont pas exposées sur toutes les plates-formes (par exemple, l'API Contact Picker n'est actuellement exposée que sur mobile). Il est donc techniquement impossible d'atteindre un score de 100% si vous effectuez des tests sur ordinateur (et inversement). Par conséquent, considérez ce test comme une compétition ludique plutôt que comme une science absolue. Pour chaque fonctionnalité testée, un lien vers la documentation correspondante vous permet d'en savoir plus sur la fonctionnalité. Lorsque la détection de fonctionnalités est possible, une note indique si la fonctionnalité est compatible avec votre navigateur ou non. Enfin, des statistiques de chargement de page liées à l'état de 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 partager le niveau de Fugu de votre navigateur en cliquant sur le bouton Partager à côté du poisson Fugu et de la barre de progression. Vous pouvez également télécharger une capture d'écran, puis la partager manuellement sur le réseau social en ligne de votre choix.
Comment le Web est-il Fugu ?
L'extension de navigateur associée intitulée How Fugu is the web? vous aidera à identifier les API Fugu utilisées par les sites que vous consultez. Installez cette extension depuis le Chrome Web Store et naviguez sur le Web. Vous remarquerez alors 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 Project Fugu détectables. Les voici :
- CacheStorage
- Service Worker
- Partage Web
- Async Clipboard
- Presse-papiers asynchrone (images)
- Accès au système de fichiers
- Cible de partage sur le Web
- Cible de partage Web (fichiers)
- Gestion des fichiers
Comme auparavant, vous pouvez partager les résultats directement si votre navigateur est compatible avec l'API Web Share, ou manuellement si ce n'est pas le cas. Pour savoir si votre navigateur est compatible avec une fonctionnalité, consultez la documentation correspondante en cliquant sur Détails. Vous pouvez également consulter directement l'extrait de code source pertinent en cliquant sur le lien de code source dans la liste à puces.
Conclusions
Lorsque vous naviguez sur le Web avec l'extension How Fugu is the Web? (Comment le Web est-il Fugu ?) installée, il est impressionnant de voir à quelle fréquence le badge de l'API Project Fugu s'affiche. 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 comme option moins pratique) aux applications complètes qui utilisent plusieurs fonctionnalités telles que la gestion des fichiers, l'accès au système de fichiers et l'accès au presse-papiers, comme dans Excalidraw. Là où une application spécifique à la plate-forme était auparavant requise, une application Web peut désormais le faire dans certains cas. L'application Wootility de Wooting est un exemple d'application permettant de programmer des claviers de jeu avec l'API WebHID.
De même, exécuter How Fugu is my browser? sur chaque nouvelle version de votre navigateur de choix (ou tout autre navigateur ou WebView intégré) est très satisfaisant. Avec presque chaque nouvelle version de navigateur, la barre de progression monte un peu lorsque votre navigateur a acquis une ou deux nouvelles fonctionnalités.
Créer pour le Web n'a jamais été aussi viable, et de nouvelles fonctionnalités sont ajoutées à la plate-forme à un rythme incroyable. Le Web n'est pas le seul choix pour créer une application, mais j'espère que ce site de test et l'extension de navigateur vous auront convaincu de donner une seconde chance au Web capable si vous ne l'aviez pas encore envisagé.