Welche erweiterten Webfunktionen unterstützt dein Browser? Welche Web-Apps nutzen diese Funktionen? Sehen Sie sich eine Browsertestwebsite und eine Browsererweiterung an, um diese Fragen zu beantworten.
Project Fugu ist eine unternehmensübergreifende Initiative, um Lücken in den Webfunktionen zu schließen, sodass neue Klassen von Anwendungen im Web ausgeführt werden können. Konkret bedeutet das, Browsern neue APIs hinzuzufügen, mit denen App-Entwickler bislang unmögliche Anwendungsfälle ermöglichen. Welche APIs werden vom Browser Ihrer Wahl unterstützt? Welche Webanwendungen nutzen diese APIs? Sehen wir uns das genauer an.
Wie funktioniert Fugu in meinem Browser?
Project Fugu APIs wie File Handling, File System Access, Async Clipboard und Web Share bieten Funktionen im Web, die ihr wahrscheinlich nur in plattformspezifischen Apps hättet. Sie können jetzt beispielsweise auf eine Bilddatei doppelklicken, damit sie in einer verknüpften PWA geöffnet wird, Änderungen vornehmen, die Änderungen wieder in der Datei speichern und dann den Bildinhalt in eine andere App kopieren oder für einen E-Mail-Client freigeben. So etwas war im Web bis vor Kurzem nicht möglich.
Was alles möglich ist, erfahren Sie in der Anwendung How Fugu is my browser? und sehen Sie sich an, welche Project Fugu APIs Ihr Browser unterstützt. Nicht alle Funktionen sind auf allen Plattformen verfügbar. Beispielsweise ist die Contact Picker API derzeit nur auf Mobilgeräten verfügbar. Daher ist es technisch unmöglich, ein Ergebnis von 100% zu erreichen, wenn Sie Tests auf einem Computer durchführen (und umgekehrt). Betrachten Sie diesen Test daher als spielerischen Wettbewerb und nicht als absolute Wissenschaft. Für jedes getestete Feature gibt es einen Link zur entsprechenden Dokumentation, damit Sie mehr über die Funktion erfahren können. Wenn die Funktionserkennung möglich ist, wird auch angegeben, ob die Funktion von Ihrem Browser unterstützt wird oder nicht. Mit dem Chrome-Status verknüpfte Statistiken zum Seitenaufbau geben Aufschluss darüber, wie beliebt eine bestimmte Funktion im Laufe der Zeit ist.
Wenn Ihr Browser die Web Share API unterstützt, können Sie anderen zeigen, wie Fugu in Ihrem Browser funktioniert. Klicken Sie dazu rechts neben dem Fugu-Fisch und der Fortschrittsanzeige auf die Schaltfläche Share (Teilen). Andernfalls können Sie einen Screenshot herunterladen und ihn dann manuell in einem sozialen Netzwerk Ihrer Wahl teilen.
Wie funktioniert Fugu im Web?
Mit der zugehörigen Browsererweiterung How Fugu is the web? können Sie herausfinden, welche Fugu APIs von den von Ihnen besuchten Websites verwendet werden. Installieren Sie diese Erweiterung über den Chrome Web Store und surfen Sie im Web. Auf einigen Websites wird im Fugu-Fischzähler dann ein Logo mit den erkannten Project Fugu APIs angezeigt. Wenn Sie beispielsweise Excalidraw aufrufen, springt der Zähler zu 9, da Excalidraw neun erkennbare Project Fugu APIs verwendet. Konkret tun Sie Folgendes:
- CacheStorage
- Service Worker
- Webfreigabe
- Asynchrone Zwischenablage
- Asynchrone Zwischenablage (Bilder)
- Zugriff auf das Dateisystem
- Web Share Target
- Web Share Target (Dateien)
- Dateiverarbeitung
Wie bisher können Sie die Ergebnisse direkt teilen, wenn Ihr Browser die Web Share API unterstützt. Andernfalls können Sie sie manuell teilen. Wenn Sie wissen möchten, ob Ihr Browser eine bestimmte Funktion unterstützt, klicken Sie auf Details in der entsprechenden Dokumentation. Sie können das relevante Quellcode-Snippet auch direkt ansehen, indem Sie auf den Quellcode-Link in der Aufzählungsliste klicken.
Ergebnisse
Wenn Sie im Web die Erweiterung How Fugu is the Web? installiert haben, ist es beeindruckend, wie oft das Project Fugu API-Logo angezeigt wird. Dies reicht von Seiten mit Komfortfunktionen wie dem Einfügen von Bildern in eine Anwendung wie z. B. auf der Seite „New Issue“ von GitHub bis hin zu vollwertigen Anwendungen, die verschiedene Funktionen wie Dateiverarbeitung, Dateisystemzugriff und Zugriff auf die Zwischenablage wie Excalidraw nutzen. Wo bisher eine plattformspezifische Anwendung erforderlich war, kann jetzt in einigen Fällen eine Webanwendung ausgefüllt werden. Ein Beispiel dafür ist die Wootility-App Wooting für die Programmierung von Gaming-Tastaturen mit der WebHID API.
Genauso ist es sehr zufriedenstellend, How Fugu is my browser? in jeder neuen Version des Browsers Ihrer Wahl oder in jedem anderen Browser oder eingebetteten WebView auszuführen. Bei fast jeder neuen Browserversion rückt die Fortschrittsanzeige etwas höher ein, wenn Ihr Browser eine oder zwei neue Funktionen erworben hat.
Die Entwicklung für das Web ist praktikabel als je zuvor und die Plattform wird in erstaunlicher Geschwindigkeit um neue Funktionen erweitert. Das Web ist nicht die einzige Möglichkeit, Anwendungen zu erstellen, aber ich hoffe, dass ich Sie mit dieser Testwebsite und der Browsererweiterung davon überzeugt habe, das fähige Web noch einmal zu prüfen, falls Sie dies bisher noch nicht in Betracht gezogen haben.