Jakie zaawansowane funkcje internetowe obsługuje Twoja przeglądarka? Jakie aplikacje internetowe wykorzystują te możliwości? Odpowiedzi na te pytania znajdziesz w witrynie testowej i rozszerzeniu przeglądarki.
Projekt Fugu to przedsięwzięcie podejmowane przez różne firmy mające na celu wypełnienie luk w możliwościach internetowych i umożliwienie uruchamiania w sieci nowych klas aplikacji. Mówiąc dokładniej, oznacza to dodanie do przeglądarek nowych interfejsów API, których deweloperzy mogą używać do obsługi przypadków użycia, które wcześniej były niemożliwe. Jakie interfejsy API obsługuje wybrana przeglądarka? Jakie aplikacje internetowe korzystają z tych interfejsów API? Zobaczmy, jak to zrobić.
Jak działa moja przeglądarka?
Interfejsy API Project Fugu, takie jak obsługi plików, dostęp do systemu plików, schowek asynchroniczny i udostępnianie w internecie, sprawiły, że w internecie pojawiły się funkcje, które najprawdopodobniej były dostępne wyłącznie w aplikacjach przeznaczonych na konkretne platformy. Teraz możesz na przykład dwukrotnie kliknąć plik graficzny, aby otworzył się w powiązanej aplikacji PWA, wprowadzić zmiany, zapisać zmiany z powrotem w pliku, a następnie skopiować zawartość obrazu do innej aplikacji lub udostępnić ją klientowi poczty e-mail. Do niedawna nie można było tego zrobić w internecie.
Aby dowiedzieć się, co jest możliwe, zapoznaj się z aplikacją How Fugu is my browser? (Jak działa moja przeglądarka w Fugu) i zobacz, jakie interfejsy API Project Fugu obsługuje Twoja przeglądarka. Nie wszystkie funkcje są dostępne na wszystkich platformach – np. interfejs Contact Picker API jest obecnie dostępny tylko na urządzeniach mobilnych, więc z technicznego punktu widzenia uzyskanie wyniku 100% w przypadku testowania na komputerze jest niemożliwe (i odwrotnie). Dlatego potraktuj ten test jak zabawę, a nie naukę absolutną. Przy każdej testowanej funkcji znajdziesz link do odpowiedniej dokumentacji, w której możesz dowiedzieć się więcej o niej. Jeśli wykrywanie funkcji jest możliwe, zobaczysz tu też informacje o obsłudze danej funkcji w przeglądarce oraz statystyki wczytywania strony powiązane ze stanem Chrome, które informują o popularności danej funkcji w danym okresie.
Jeśli Twoja przeglądarka obsługuje interfejs Web Share API, możesz udostępnić informacje o przeglądarce Fugu, klikając przycisk Udostępnij obok rybki Fugu i paska postępu. Możesz też pobrać zrzut ekranu i udostępnić go ręcznie w wybranej sieci społecznościowej.
Jak Fugu korzysta z internetu?
Rozszerzenie przeglądarki o nazwie How Fugu is the web? pomoże Ci dowiedzieć się, które interfejsy API Fugu są używane przez odwiedzane witryny. Zainstaluj to rozszerzenie z Chrome Web Store i przeglądaj internet. Zwróć uwagę, że w niektórych witrynach licznik ryb Fugu wyświetla plakietkę z wykrytymi interfejsami API Project Fugu. Jeśli np. wybierzesz Excalidraw, licznik przeskoczy do 9, ponieważ Excalidraw używa 9 wykrywalnych interfejsów API Project Fugu. Dostępne symbole:
- CacheStorage
- Skrypt service worker
- Udostępnianie w internecie
- Schowek asynchroniczny
- Schowek asynchroniczny (obrazy)
- Dostęp do systemu plików
- Cel udziału w internecie
- Cel udostępniania w internecie (pliki)
- Obsługa plików
Tak jak wcześniej możesz udostępnić wyniki bezpośrednio, jeśli Twoja przeglądarka obsługuje interfejs Web Share API. Jeśli nie, możesz to zrobić ręcznie. Aby sprawdzić, czy Twoja przeglądarka obsługuje daną funkcję, kliknij Szczegóły, zapoznaj się z odpowiednią dokumentacją. Możesz też bezpośrednio wyświetlić odpowiedni fragment kodu źródłowego, klikając link do kodu źródłowego na liście punktowanej.
Podsumowanie
Przeglądając sieć z zainstalowanym rozszerzeniem How Fugu is the Web?, możemy się zdziwić, jak często wyświetla się plakietka interfejsu API Project Fugu. Mogą to być zarówno strony z funkcjami zapewniającymi wygodę, jak możliwość wklejania obrazów do aplikacji, takich jak strona nowego problemu w GitHubie (zamiast przesyłania ich w mniej wygodnej opcji), po pełnowymiarowe aplikacje korzystające z kilku funkcji, takich jak obsługa plików, dostęp do systemu plików i dostęp do schowka, jak w przypadku Excalidraw. Jeśli wcześniej była potrzebna aplikacja na danej platformie, teraz może ją wypełnić aplikacja internetowa. Przykładem może być aplikacja Wooting Wootility, która służy do programowania klawiatur do gier za pomocą interfejsu WebHID API.
Podobnie uruchamianie aplikacji How Fugu is moja przeglądarka?w każdej nowej wersji wybranej przeglądarki (bądź dowolnej innej przeglądarki lub osadzonego komponentu WebView) jest bardzo satysfakcjonujące. Przy niemal każdej nowej wersji przeglądarki pasek postępu przesuwa się nieco w górę, gdy przeglądarka udostępnia nowe funkcje.
Tworzenie aplikacji pod kątem internetu jest teraz bardziej opłacalne niż kiedykolwiek, a do platformy dodajemy nowe funkcje w niezwykłym tempie. Internet to nie jedyny wybór przy tworzeniu aplikacji, ale mamy nadzieję, że dzięki tej witrynie testowej i rozszerzeniu przeglądarki udało Ci się przekonać Cię do zapoznania się z działającą siecią, jeśli jeszcze nie znasz tej witryny.