Odkrywamy możliwości internetu

Jakie zaawansowane funkcje internetowe obsługuje Twoja przeglądarka? Jakie aplikacje internetowe korzystają z tych funkcji? Aby odpowiedzieć na te pytania, skorzystaj z witryny do testowania przeglądarek i rozszerzenia przeglądarki.

Projekt Fugu to wspólny wysiłek zespołów Google mający na celu wypełnienie luk w możliwościach przeglądarki internetowej i umożliwienie uruchamiania w niej nowych klas aplikacji. W praktyce oznacza to dodanie do przeglądarek nowych interfejsów API, których deweloperzy aplikacji mogą używać do tworzenia nowych przypadków użycia. Jakie interfejsy API obsługuje Twoja przeglądarka? Które aplikacje internetowe korzystają z tych interfejsów API? Zobaczmy, jak to zrobić.

Jaki jest Fugu?

Interfejsy API projektu Fugu, takie jak File Handling, File System Access, Async Clipboard i Web Share, udostępniają w internecie funkcje, które zwykle są dostępne tylko w aplikacjach przeznaczonych do konkretnych platform. Możesz na przykład kliknąć dwukrotnie plik graficzny, aby otworzyć go w powiązanej aplikacji PWA, wprowadzić zmiany, zapisać je w pliku, a następnie skopiować zawartość obrazu do innej aplikacji lub udostępnić ją klientowi poczty e-mail. Do niedawna taka operacja nie była możliwa w internecie.

Aby dowiedzieć się, co jest możliwe, sprawdź aplikację How Fugu is my browser? i sprawdź, które interfejsy API projektu Fugu obsługuje wybrana przez Ciebie przeglądarka. Nie wszystkie funkcje są dostępne na wszystkich platformach. Na przykład interfejs Contact Picker API jest obecnie dostępny tylko na urządzeniach mobilnych, więc technicznie niemożliwe jest osiągnięcie wyniku 100%, jeśli testujesz na komputerze (i na odwrót). Dlatego też traktuj ten test jako zabawę, a nie jako ścisłą naukę. W przypadku każdej przetestowanej funkcji znajduje się link do odpowiedniej dokumentacji, z której można dowiedzieć się więcej o tej funkcji. Jeśli wykrywanie funkcji jest możliwe, wyświetla się też informacja o tym, czy Twoja przeglądarka obsługuje tę funkcję. Oprócz tego znajdziesz statystyki wczytywania stron powiązane ze stanem Chrome, które pokazują, jak popularna jest dana funkcja w czasie.

Jeśli Twoja przeglądarka obsługuje interfejs Web Share API, możesz udostępnić informacje o tym, jak Fugu jest w Twojej przeglądarce. Aby to zrobić, kliknij przycisk Udostępnij obok ryby Fugu i paska postępu. Możesz też pobrać zrzut ekranu i udostępnić go ręcznie w wybranej sieci społecznościowej.

Witryna https://howfuguismybrowser.dev/.
Czy zastanawiałeś/się kiedyś, jaki jest mój Fugu?

Jakie jest połączenie z internetem w hotelu Fugu?

Rozszerzenie do przeglądarki o nazwie How Fugu is the web? pomoże Ci sprawdzić, których interfejsów Fugu używają odwiedzane przez Ciebie witryny. Zainstaluj to rozszerzenie ze sklepu Chrome Web Store i przeglądaj internet. Zwróć uwagę, że licznik fugu w niektórych witrynach wyświetla plakietkę z wykrytymi interfejsami API projektu Fugu. Jeśli na przykład otworzysz Excalidraw, licznik przeskoczy do 9, ponieważ Excalidraw używa 9 wykrywalnych interfejsów API projektu Fugu. Dostępne symbole:

  1. CacheStorage
  2. Skrypt service worker
  3. Udostępnianie w internecie
  4. Schowek asynchroniczny
  5. Schowek asynchroniczny (obrazy)
  6. Dostęp do systemu plików
  7. Docelowy udział w udostępnianiu treści w internecie
  8. Cel udostępniania w przeglądarce (pliki)
  9. Przetwarzanie plików
Rozszerzenie „How Fugu is the Web” wywołane w witrynie https://excalidraw.com/.
Czy kiedykolwiek zastanawiałeś/zastanawiałaś się, jaki jest internet?

Jak do tej pory, jeśli przeglądarka obsługuje interfejs Web Share API, możesz udostępnić wyniki bezpośrednio. W przeciwnym razie możesz to zrobić ręcznie. Aby sprawdzić, czy Twoja przeglądarka obsługuje daną funkcję, zapoznaj się z odpowiednią dokumentacją. Aby to zrobić, kliknij Szczegóły. Możesz też bezpośrednio sprawdzić odpowiedni fragment kodu źródłowego, klikając link do niego na liście wypunktowanej.

Podsumowanie

Podczas przeglądania internetu z zainstalowaną wtyczką How Fugu is the Web? widać, jak często pojawia się plakietka interfejsu API projektu Fugu. Dotyczy to stron z funkcjami ułatwiającymi pracę, takimi jak możliwość wklejania obrazów w aplikacji, na przykład na stronie Nowy problem w GitHub (zamiast przesyłać je jako mniej wygodną opcję), aż po pełne aplikacje, które korzystają z kilku funkcji, takich jak obsługa plików, dostęp do systemu plików i dostęp do schowka, jak w przypadku Excalidraw. W przypadku, gdy wcześniej wymagana była aplikacja na daną platformę, w niektórych przypadkach można teraz użyć aplikacji internetowej. Przykładem takiej aplikacji jest Wooting Wootility do programowania klawiatur do gier za pomocą interfejsu WebHID API.

Podobnie, uruchamianie How Fugu is my browser? w każdej nowej wersji przeglądarki (lub dowolnej innej przeglądarki lub wbudowanego WebView) daje bardzo dobre rezultaty. Przy prawie każdej nowej wersji przeglądarki pasek postępu przesuwa się trochę w górę, gdy przeglądarka uzyska nową funkcję lub dwie.

Tworzenie aplikacji internetowych jest bardziej opłacalne niż kiedykolwiek, a nowe funkcje są dodawane do platformy w niesamowitym tempie. Internet nie jest jedynym sposobem na tworzenie aplikacji, ale mam nadzieję, że dzięki tej witrynie testów i rozszerzeniu do przeglądarki przekonasz się, że internet to dobre rozwiązanie, jeśli do tej pory nie brałeś/nie brałaś go pod uwagę.