Welke geavanceerde webmogelijkheden ondersteunt uw browser? En welke webapps maken gebruik van deze mogelijkheden? Om deze vragen te beantwoorden, gaat u naar een browsertestsite en een browserextensie.
Project Fugu is een ondernemingsbrede poging om gaten in de mogelijkheden van het web te dichten, waardoor nieuwe soorten applicaties op het web kunnen worden uitgevoerd. Concreet betekent dit dat er nieuwe API’s aan browsers moeten worden toegevoegd die app-ontwikkelaars kunnen gebruiken om voorheen onmogelijke gebruiksscenario’s mogelijk te maken. Welke API's ondersteunt uw favoriete browser? Welke webapplicaties maken gebruik van deze API’s? Dat zoeken we uit!
Hoe Fugu is mijn browser?
Project Fugu-API's zoals File Handling , File System Access , Async Clipboard en Web Share hebben mogelijkheden op het internet gebracht waarvan je zou verwachten dat ze alleen mogelijk zijn in platformspecifieke apps. U kunt nu bijvoorbeeld dubbelklikken op een afbeeldingsbestand zodat het wordt geopend in een bijbehorende PWA, wijzigingen aanbrengen, de wijzigingen weer in het bestand opslaan en vervolgens de inhoud van de afbeelding naar een andere app kopiëren of deze delen met een e-mailclient. Dit is een stroom die tot voor kort niet mogelijk was op internet.
Om te zien wat er allemaal mogelijk is, bekijk de applicatie Hoe Fugu is mijn browser? en kijk welke Project Fugu-API's uw browser naar keuze ondersteunt. Niet alle functies zijn op alle platforms beschikbaar (de Contact Picker API is bijvoorbeeld momenteel alleen beschikbaar op mobiel), dus het is technisch onmogelijk om een score van 100% te behalen als je test op desktop (en omgekeerd). Beschouw deze test daarom als een speelse competitie en niet als absolute wetenschap. Voor elke geteste functie is er een link naar de relevante documentatie, zodat u meer over de functie te weten kunt komen. Waar functiedetectie mogelijk is, wordt ook aangegeven of de functie door uw browser wordt ondersteund of niet, en ten slotte worden er statistieken voor het laden van pagina's gekoppeld aan de Chrome-status die u vertellen hoe populair een bepaalde functie in de loop van de tijd is.
Als uw browser de Web Share API ondersteunt, kunt u delen hoe Fugu uw browser is door op de knop Delen te klikken direct naast de Fugu-vis en de voortgangsbalk. Anders kunt u een screenshot downloaden en deze vervolgens handmatig delen op uw online sociale netwerk naar keuze.
Hoe Fugu is het web?
De bijbehorende browserextensie genaamd How Fugu is the web? helpt u erachter te komen welke Fugu API's worden gebruikt door de sites die u bezoekt. Installeer deze extensie vanuit de Chrome Web Store en surf op internet. Merk vervolgens op hoe de Fugu-visteller op sommige sites een badge weergeeft met de gedetecteerde Project Fugu-API's. Als u bijvoorbeeld naar Excalidraw bladert, springt de teller naar 9, omdat Excalidraw negen detecteerbare Project Fugu-API's gebruikt. Dit zijn:
- Cacheopslag
- Servicemedewerker
- Web delen
- Asynchrone Klembord
- Asynchrone klembord (afbeeldingen)
- Toegang tot bestandssysteem
- Doel voor webshare
- Doel voor webshare (bestanden)
- Bestandsbehandeling
Net als voorheen kunt u de resultaten rechtstreeks delen als uw browser de Web Share API ondersteunt, of handmatig als dat niet het geval is. Om te zien of uw browser een functie ondersteunt, leest u de relevante documentatie door op Details te klikken. U kunt het relevante broncodefragment ook direct bekijken door op de broncodelink in de lijst met opsommingen te klikken.
Conclusies
Wanneer u op internet surft met de How Fugu is the Web? extensie geïnstalleerd, is het indrukwekkend om te zien hoe vaak de Project Fugu API-badge verschijnt. Dit varieert van pagina's met comfortfuncties, zoals de mogelijkheid om afbeeldingen in een app te plakken, zoals bijvoorbeeld op de New Issue-pagina van GitHub (in plaats van ze te uploaden als een minder comfortabele optie), tot volwaardige apps die gebruik maken van verschillende functies, zoals zoals bestandsverwerking, toegang tot het bestandssysteem en toegang tot het klembord, zoals in Excalidraw . Waar voorheen een platformspecifieke app nodig was, kan in sommige gevallen nu een webapplicatie worden ingevuld. Een voorbeeld hiervan is Wooting 's Wootility -app voor het programmeren van gamingtoetsenborden met de WebHID API .
Op dezelfde manier draait u Hoe Fugu is mijn browser? op elke nieuwe versie van uw browser naar keuze (of gewoon elke andere browser of ingebouwde WebView) is zeer bevredigend. Bij bijna elke nieuwe browserrelease schuift de voortgangsbalk een beetje omhoog wanneer uw browser een of twee nieuwe mogelijkheden heeft gekregen.
Bouwen voor het web is haalbaarder dan ooit en er worden in een verbazingwekkend tempo steeds nieuwe functies aan het platform toegevoegd. Het web is niet uw enige keuze voor het bouwen van een app, maar ik hoop dat ik u met deze testsite en de browserextensie heb overtuigd om het capabele web nog eens te bekijken als u er tot nu toe nog niet over heeft nagedacht.