Das fähige Web entdecken

Welche erweiterten Webfunktionen unterstützt Ihr Browser? Und welche Webanwendungen nutzen diese Funktionen? Um diese Fragen zu beantworten, schauen Sie sich eine Browsertest-Website und eine Browsererweiterung an.

Project Fugu ist ein unternehmensübergreifendes Projekt, mit dem Lücken in den Fähigkeiten des Webs geschlossen und neue Klassen von Anwendungen im Web ausgeführt werden können. Konkret bedeutet dies, neue APIs zu Browsern hinzuzufügen, mit denen App-Entwickler zuvor unmögliche Anwendungsfälle ermöglichen können. Welche APIs unterstützt der Browser Ihrer Wahl? Welche Webanwendungen nutzen diese APIs? Finden wir es heraus!

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 nur in plattformspezifischen Anwendungen möglich wären. Sie können beispielsweise jetzt 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 Inhalt des Bildes in eine andere App kopieren oder für einen E-Mail-Client freigeben. So etwas war im Web erst vor Kurzem möglich.

Sehen Sie sich die Anwendung How Fugu is my browser? an und informieren Sie sich darüber, welche Project Fugu APIs Ihr Browser Ihrer Wahl 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, eine Punktzahl von 100% zu erreichen, wenn Sie Tests auf dem Computer ausführen (und umgekehrt). Betrachten Sie diesen Test daher als spielerischen Wettbewerb und nicht als absolute Wissenschaft. Für jede getestete Funktion 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 deinem Browser unterstützt wird oder nicht. Außerdem werden mit dem Chrome-Status verknüpfte Statistiken zum Seitenaufbau angezeigt, aus denen hervorgeht, wie beliebt eine bestimmte Funktion im Laufe der Zeit ist.

Wenn dein Browser die Web Share API unterstützt, kannst du anderen zeigen, wie Fugu dein Browser ist. Klicke dazu auf die Schaltfläche Teilen direkt neben dem Fugu-Fisch und der Fortschrittsanzeige. Andernfalls können Sie einen Screenshot herunterladen und ihn dann manuell in Ihrem sozialen Onlinenetzwerk Ihrer Wahl 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 zugehörigen Browsererweiterung 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 dann, dass der Fugu-Fischzähler auf einigen Websites ein Kennzeichen mit den erkannten Project Fugu APIs anzeigt. Wenn Sie beispielsweise Excalidraw aufrufen, springt der Zähler auf 9, da Excalidraw neun erkennbare Project Fugu APIs verwendet. Diese sind:

  1. CacheStorage
  2. Service Worker
  3. Web teilen
  4. Asynchrone Zwischenablage
  5. Asynchrone Zwischenablage (Bilder)
  6. Dateisystemzugriff
  7. Web Share Target (Webfreigabeziel)
  8. Web Share Target (Dateien)
  9. Dateibehandlung
Die Erweiterung „How Fugu is the Web“ wurde von 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. Ob Ihr Browser eine Funktion unterstützt, können Sie in der entsprechenden Dokumentation nachlesen. Klicken Sie dazu auf Details. Sie können das relevante Quellcode-Snippet auch direkt überprüfen, indem Sie auf den Quellcode-Link in der Aufzählungsliste klicken.

Ergebnisse

Beim Surfen im Web mit der installierten Erweiterung How Fugu is the Web? ist es beeindruckend, wie oft das API-Logo des Projekts Fugu angezeigt wird. Das reicht von Seiten mit praktischen Funktionen wie dem Einfügen von Bildern in eine Anwendung wie beispielsweise auf der GitHub-Seite „Neue Probleme“ (anstatt sie als weniger komfortabel hochzuladen) bis hin zu vollständigen Anwendungen, die verschiedene Funktionen wie Dateiverarbeitung, Zugriff auf Dateisystem und Zugriff auf die Zwischenablage nutzen, wie in Excalidraw. Wo bisher eine plattformspezifische App erforderlich war, kann jetzt in einigen Fällen eine Webanwendung ausgefüllt werden. Ein Beispiel dafür ist die Wootility-App von Wooting, mit der Gaming-Tastaturen mit der WebHID API programmiert werden können.

Außerdem ist es sehr zufriedenstellend, mit jeder neuen Browserversion (oder jedem anderen Browser oder eingebetteten WebView) How Fugu is my browser? auszuführen. Bei fast jeder neuen Browserversion bewegt sich der Fortschrittsbalken etwas nach oben, wenn der Browser neue Funktionen bietet.

Die Entwicklung für das Web ist heute praktischer denn je und die Plattform wird in unglaublichem Tempo um neue Funktionen erweitert. Das Web ist nicht Ihre einzige Wahl, um eine Anwendung zu erstellen, aber ich hoffe, dass Sie mit dieser Testwebsite und der Browsererweiterung das fähige Web einen zweiten Blick darauf werfen sollten, falls Sie es bisher noch nicht in Betracht gezogen haben.