Quelles fonctionnalités Web avancées votre navigateur prend-il en charge ? Et quelles applications Web utilisent ces fonctionnalités ? Pour répondre à ces questions, consultez un site de test de navigateur et une extension de navigateur.
Project Fugu est une initiative interentreprises visant à combler les lacunes dans les capacités du Web afin de permettre à de nouvelles classes d'applications de s'exécuter sur le Web. Plus concrètement, cela signifie ajouter de nouvelles API aux navigateurs que les développeurs d'applications peuvent utiliser pour répondre à des cas d'utilisation jusqu'alors impossibles. Quelles API le navigateur de votre choix accepte-t-il ? Quelles applications Web utilisent ces API ? Découvrons comment faire
Qu'est-ce que Fugu ?
Les API Project Fugu, telles que File Handling (Gestion de fichiers), File System Access (Accès au système de fichiers), Async Clipboard (Presse-papiers asynchrone) et Web Share (Partage Web) ont apporté des fonctionnalités Web que vous pouvez vous attendre à ce que seules les applications spécifiques à la plate-forme proposent. Par exemple, vous pouvez maintenant double-cliquer sur un fichier image pour l'ouvrir dans une PWA associée, y apporter des modifications, les 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 les possibilités qui s'offrent à vous, consultez l'application How Fugu is my browser? (Comment choisir mon navigateur ?) et découvrez les API Project Fugu 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 exposée que sur les mobiles. Il est donc techniquement impossible d'atteindre un score de 100% si vous effectuez un test 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 à son sujet. Lorsque la détection de fonctionnalités est possible, une remarque indique également si la fonctionnalité est compatible avec votre navigateur. Enfin, les statistiques de chargement de page liées à l'état de Chrome vous indiquent la popularité d'une fonctionnalité au fil du temps.
Si votre navigateur est compatible avec l'API Web Share, vous pouvez partager les paramètres de votre navigateur Fugu 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 en ligne de votre choix.
Qu'est-ce que Fugu ?
L'extension de navigateur associée nommée How Fugu is the web? vous aidera à savoir quelles API Fugu sont utilisées par les sites que vous consultez. Installez cette extension à partir du Chrome Web Store et naviguez sur le Web. Vous remarquerez que le compteur de poissons Fugu affiche sur certains sites un badge indiquant les API Project Fugu détectées. Par exemple, si vous accédez à Excalidraw, le compteur passe à 9, car Excalidraw utilise neuf API du projet Fugu détectables. Voici ce que vous devez faire :
- 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 est compatible avec une fonctionnalité, consultez 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? installée, il est impressionnant de voir à quelle fréquence le badge de l'API Project Fugu apparaît. Cela va des pages offrant des fonctionnalités pratiques comme la possibilité de coller des images dans une application, par exemple sur la page "Nouveau problème" de GitHub (au lieu de les importer en tant qu'option moins pratique), à des 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. Auparavant, une application spécifique à une plate-forme était nécessaire. Dans certains cas, une application Web peut désormais remplir ce rôle. C'est le cas, par exemple, de l'application Wootility de Wooting, qui permet de programmer des claviers de jeu avec l'API WebHID.
De même, exécuter How Fugu is my browser? sur chaque nouvelle version du navigateur de votre choix (ou tout autre navigateur ou WebView intégré) est très satisfaisant. À chaque nouvelle version d'un navigateur, la barre de progression augmente légèrement dès que le navigateur dispose d'une ou deux nouvelles fonctionnalités.
Le développement pour le Web est plus viable que jamais, et de nouvelles fonctionnalités sont ajoutées à la plate-forme à un rythme effréné. Le Web n'est pas votre seul choix pour créer une application, mais j'espère qu'avec ce site de test et l'extension de navigateur, je vous ai convaincu de donner un second aperçu au Web compatible si vous ne l'avez pas envisagé jusqu'à présent.