Das fähige Web entdecken

Welche erweiterten Webfunktionen werden von Ihrem Browser unterstützt? Und welche Web-Apps nutzen diese Funktionen? Um diese Fragen zu beantworten, können Sie eine Browsertest-Website und eine Browsererweiterung verwenden.

Project Fugu ist ein unternehmensübergreifendes Projekt, mit dem Lücken in den Funktionen des Web geschlossen werden sollen, damit neue Arten von Anwendungen im Web ausgeführt werden können. Konkret bedeutet das, dass Browsern neue APIs hinzugefügt werden, mit denen App-Entwickler bisher nicht mögliche Anwendungsfälle ermöglichen können. Welche APIs werden von Ihrem bevorzugten Browser unterstützt? Welche Webanwendungen nutzen diese APIs? Sehen wir uns das an.

Wie „Fugu“ ist mein Browser?

APIs von Project Fugu wie die File Handling API, die File System Access API, die Async Clipboard API und die Web Share API haben dem Web Funktionen hinzugefügt, die man normalerweise nur in plattformspezifischen Apps erwarten würde. Sie können jetzt beispielsweise auf eine Bilddatei doppelklicken, damit sie in einer verknüpften PWA geöffnet wird. Sie können dann Änderungen vornehmen, die Änderungen in der Datei speichern und den Bildinhalt in eine andere App kopieren oder mit einem E-Mail-Client teilen. Dieser Ablauf war bis vor Kurzem im Web nicht möglich.

Weitere Informationen zu den Möglichkeiten finden Sie in der Anwendung How Fugu is my browser? (Wie Fugu ist mein Browser?). Dort sehen Sie auch, welche Project Fugu APIs von Ihrem Browser unterstützt werden. Nicht alle Funktionen sind auf allen Plattformen verfügbar. Die Contact Picker API ist beispielsweise derzeit nur auf Mobilgeräten verfügbar. Daher ist es technisch unmöglich, eine Punktzahl von 100% zu erreichen, wenn Sie auf dem Computer testen (und umgekehrt). Betrachten Sie diesen Test daher eher als spielerischen Wettbewerb als als absolute Wissenschaft. Für jede getestete Funktion gibt es einen Link zur entsprechenden Dokumentation, über den Sie mehr über die Funktion erfahren können. Wenn die Funktion erkannt werden kann, wird auch angegeben, ob sie von Ihrem Browser unterstützt wird. Außerdem sehen Sie Seitenladestatistiken, die mit dem Chrome-Status verknüpft sind, aus denen hervorgeht, wie beliebt eine bestimmte Funktion im Laufe der Zeit ist.

Wenn Ihr Browser die Web Share API unterstützt, können Sie die Fugu-Bewertung Ihres Browsers teilen, indem Sie direkt neben dem Fugu-Fisch und der Fortschrittsanzeige auf die Schaltfläche Teilen klicken. Alternativ können Sie einen Screenshot herunterladen und dann manuell in Ihrem bevorzugten Online-Netzwerk teilen.

Die Website unter https://howfuguismybrowser.dev/.
Haben Sie sich schon einmal gefragt: Wie fugu ist mein Browser?

Wie „Fugu“ ist das Web?

Mit der Browsererweiterung How Fugu is the web? (Wie Fugu ist das Web?) können Sie herausfinden, welche Fugu APIs von den von Ihnen besuchten Websites verwendet werden. Installieren Sie diese Erweiterung aus dem Chrome Web Store und surfen Sie im Web. Beachten Sie, dass auf einigen Websites neben dem Zähler für den Fugu-Fisch ein Symbol mit den erkannten Project Fugu APIs angezeigt wird. Wenn Sie beispielsweise Excalidraw aufrufen, springt der Zähler auf 9, da in Excalidraw neun APIs von Project Fugu verwendet werden. Diese sind:

  1. CacheStorage
  2. Dienst-Worker
  3. Webfreigabe
  4. Async Clipboard
  5. Async Clipboard (Bilder)
  6. Dateisystemzugriff
  7. Ziel für die Webweitergabe
  8. Ziel der Webfreigabe (Dateien)
  9. Dateiverwaltung
Die Erweiterung „How Fugu is the Web“ wird auf der Website https://excalidraw.com/ aufgerufen.
Haben Sie sich schon einmal gefragt: Wie Fugu ist das Web?

Wie bisher können Sie die Ergebnisse direkt teilen, wenn Ihr Browser die Web Share API unterstützt, oder manuell, wenn dies nicht der Fall ist. Wenn Sie wissen möchten, ob Ihr Browser eine Funktion unterstützt, klicken Sie auf Details, um die entsprechende Dokumentation aufzurufen. Sie können sich das entsprechende Code-Snippet auch direkt ansehen, indem Sie in der Aufzählungsliste auf den Link zum Quellcode klicken.

Ergebnisse

Wenn Sie mit der installierten Erweiterung How Fugu is the Web? im Web surfen, ist es beeindruckend, wie oft das Projekt Fugu API-Logo angezeigt wird. Das reicht von Seiten mit praktischen Funktionen wie der Möglichkeit, Bilder in eine App einzufügen, z. B. auf der Seite „Neues Problem“ von GitHub (anstatt sie als weniger praktische Option hochzuladen) bis hin zu vollwertigen Apps, die mehrere Funktionen wie die Dateiverwaltung, den Zugriff auf das Dateisystem und den Zugriff auf die Zwischenablage nutzen, wie Excalidraw. Wo früher eine plattformspezifische App erforderlich war, kann in einigen Fällen jetzt eine Webanwendung verwendet werden. Ein Beispiel hierfür ist die Wootility-App von Wooting zum Programmieren von Gaming-Tastaturen mit der WebHID API.

Ebenso ist es sehr zufriedenstellend, How Fugu is my browser? in jeder neuen Version Ihres bevorzugten Browsers (oder eines anderen Browsers oder einer eingebetteten WebView) auszuführen. Bei fast jeder neuen Browserversion bewegt sich die Fortschrittsanzeige ein wenig nach oben, wenn der Browser eine oder zwei neue Funktionen erhalten hat.

Das Entwickeln für das Web ist jetzt sinnvoller denn je und die Plattform wird in einem atemberaubenden Tempo um neue Funktionen erweitert. Das Web ist nicht die einzige Option, um eine App zu erstellen. Ich hoffe aber, dass ich Sie mit dieser Testwebsite und der Browsererweiterung davon überzeugt habe, dem leistungsfähigen Web eine zweite Chance zu geben, falls Sie es bisher noch nicht in Betracht gezogen haben.