Welke geavanceerde webmogelijkheden ondersteunt uw browser? En welke webapps maken gebruik van deze mogelijkheden? Om deze vragen te beantwoorden, kunt u een browsertestsite en een browserextensie raadplegen.
Project Fugu is een gezamenlijke inspanning van meerdere bedrijven om de hiaten in de mogelijkheden van het web te dichten en nieuwe soorten applicaties mogelijk te maken die op het web kunnen draaien. Concreet betekent dit dat er nieuwe API's aan browsers worden toegevoegd die app-ontwikkelaars kunnen gebruiken om voorheen onmogelijke toepassingen mogelijk te maken. Welke API's ondersteunt jouw favoriete browser? Welke webapplicaties maken gebruik van deze API's? Laten we het eens bekijken!
Hoe Fugu is mijn browser?
Project Fugu API's zoals File Handling , File System Access , Async Clipboard en Web Share hebben mogelijkheden naar het web gebracht die je misschien alleen in platformspecifieke apps zou verwachten. Je 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 kopiëren naar een andere app of delen met een e-mailclient. Dit was tot voor kort niet mogelijk op het web.
Om te ontdekken wat er mogelijk is, bekijk de applicatie 'Hoe is Fugu mijn browser?' en zie welke Project Fugu API's uw favoriete browser ondersteunt. Niet alle functies zijn beschikbaar op alle platforms. De Contact Picker API is bijvoorbeeld momenteel alleen beschikbaar op mobiele apparaten. Het is dus technisch onmogelijk om een score van 100% te behalen als u test op een desktop (en vice versa). Beschouw deze test daarom als een speelse wedstrijd in plaats van absolute wetenschap. Voor elke geteste functie is er een link naar de relevante documentatie, zodat u meer over de functie kunt leren. Waar functiedetectie mogelijk is, vindt u ook een opmerking over of de functie al dan niet door uw browser wordt ondersteund. Tot slot zijn er statistieken over het laden van pagina's gekoppeld aan Chrome Status, die aangeven hoe populair een bepaalde functie in de loop der tijd is.
Als je browser de Web Share API ondersteunt, kun je delen hoe Fugu je browser is door op de knop Delen te klikken, direct naast de Fugu-vis en de voortgangsbalk. Je kunt ook een screenshot downloaden en deze handmatig delen op je favoriete sociale netwerk.
Hoe Fugu is het web?
De bijbehorende browserextensie ' How Fugu is the web?' helpt u te achterhalen welke Fugu API's worden gebruikt door de websites die u bezoekt. Installeer deze extensie vanuit de Chrome Web Store en surf op het web. Let dan op hoe de Fugu-teller op sommige websites een badge met de gedetecteerde Project Fugu API's weergeeft. 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
- Async-klembord
- Async-klembord (afbeeldingen)
- Toegang tot bestandssysteem
- Web Share Target
- Webshare-doel (bestanden)
- Bestandsbeheer
Net als voorheen kunt u de resultaten direct 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 opsomming te klikken.
Conclusies
Bij het surfen op internet met de extensie 'How Fugu is the Web?' geïnstalleerd, is het indrukwekkend om te zien hoe vaak de Project Fugu API-badge verschijnt. Dit varieert van pagina's met handige functies, zoals het kunnen plakken van afbeeldingen in een app, zoals bijvoorbeeld op de pagina 'New Issue' van GitHub (in plaats van ze te uploaden, wat minder handig is), tot volwaardige apps die gebruikmaken van diverse functies, zoals bestandsbeheer, toegang tot het bestandssysteem en toegang tot het klembord, zoals Excalidraw . Waar voorheen een platformspecifieke app nodig was, kan nu in sommige gevallen een webapplicatie de oplossing bieden. Een voorbeeld hiervan is de Wootility- app van Wooting voor het programmeren van gamingtoetsenborden met de WebHID API .
Evenzo is het erg bevredigend om 'Hoe Fugu is mijn browser?' uit te voeren op elke nieuwe versie van je favoriete browser (of gewoon een andere browser of embedded WebView). Bij bijna elke nieuwe browserversie schuift de voortgangsbalk een beetje op wanneer je browser een of twee nieuwe mogelijkheden heeft.
Bouwen voor het web is aantrekkelijker dan ooit en er worden in rap tempo nieuwe functies aan het platform toegevoegd. Het web is niet je enige optie om een app te bouwen, maar ik hoop dat ik je met deze testsite en de browserextensie heb overtuigd om het capabele web eens te bekijken, als je dat tot nu toe nog niet had overwogen.