Projekt Fugu API Showcase to zbiór aplikacji korzystających z interfejsów API opracowanych w kontekście Projektu Fugu. Więcej informacji o projekcie Fugu znajdziesz na stronie docelowej Możliwości.

Filtruj według

Używane interfejsy API

Zaawansowana analiza sieci za pomocą Narzędzi deweloperskich w Chrome.

Rejestruj i analizuj zrzuty wydajności za pomocą Narzędzi deweloperskich.

Monitoruj bieżące wskaźniki podstawowych wskaźników internetowych w panelu Wydajność.

Sprawdzanie pamięci podręcznej i rozwiązywanie problemów z nią za pomocą Narzędzi deweloperskich.

zamrażać elementy w DOM, aby można było je sprawdzić za pomocą DevTools.

Odkryj 4 unikalne sposoby robienia zrzutów ekranu za pomocą Narzędzi deweloperskich.

Dowiedz się, jak zastępować i symulować odpowiedzi sieci za pomocą Narzędzi deweloperskich.

Dowiedz się, jak Narzędzia deweloperskie mogą usprawnić tworzenie aplikacji internetowych.

Przyspiesz przeglądanie internetu dzięki ładowaniem spekulacyjnym i dowiedz się, jak je debugować.

Dowiedz się, jak utworzyć kolory – wystarczy kilka kliknięć.

Dowiedz się, jak debugować priorytet pobierania.

Dowiedz się, jak debugować pamięć podręczną (bfcache) i przyspieszyć wczytywanie strony.

Dowiedz się, jak debugować DOM za pomocą Narzędzi deweloperskich.

Dowiedz się, jak debugować rozszerzenia do Chrome za pomocą Narzędzi deweloperskich.

Korzystając z fragmentów kodu, możesz uruchamiać często używany kod i analizować wyrażenia na bieżąco, aby obserwować wartości w czasie rzeczywistym.

Używaj punktów przerwania i punktów logowania, aby łatwo debugować.

Dowiedz się, jak nagrywać, odtwarzać i debugować przepływy użytkowników za pomocą panelu Dyktafon w Narzędziach deweloperskich.

Użyj funkcji Aplikacja > Pamięć lokalna i Pamięć sesji do debugowania par klucz-wartość.

Użyj Workspace, aby zapisać zmiany wprowadzone w Narzędziach deweloperskich w lokalnych plikach źródłowych.

Aby debugować pierwotny kod, zamiast go wdrażać, używaj map źródłowych w Narzędziach deweloperskich.

Dowiedz się, jak mapy źródłowe mogą pomóc w debugowaniu oryginalnego kodu zamiast jego wdrażania.

Aby wykryć problemy z CSS w Narzędziach deweloperskich, skorzystaj z paneli Style i Computed.

Debuguj progresywne aplikacje internetowe za pomocą Narzędzi deweloperskich.

Używaj narzędzi deweloperskich do debugowania interfejsów API Project Fugu.

Symulowanie urządzeń wielofunkcyjnych w Trybie urządzenia w Narzędziach deweloperskich.

Użyj panelu Przegląd CSS, aby zidentyfikować potencjalne ulepszenia CSS.

Dowiedz się, jak przyspieszyć przepływ pracy dzięki szybszej nawigacji w Narzędziach deweloperskich za pomocą skrótów i ustawień.

Poznaj wszystkie sposoby otwierania Narzędzi deweloperskich w Chrome.

Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wykrywać i naprawiać tekst o niskim kontraście.

Panel rejestratora i jego rozszerzenia umożliwiają edytowanie, debugowanie i eksportowanie nagrań przepływu użytkowników.

Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować układy CSS Flexbox.

Za pomocą skrótów dostępnych w interfejsie Console Utilities API możesz szybko odwoływać się do najnowszych elementów i obiektów zapytań, a także monitorować zdarzenia i wywołania funkcji oraz wykonywać inne czynności.

Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wyświetlać i zmieniać układy siatki CSS.

Na karcie Animacje możesz sprawdzać i modyfikować animacje, przejścia i inne elementy CSS.

Uzyskaj przydatne statystyki dotyczące skuteczności Twojej witryny dzięki nowemu panelowi statystyk wydajności

Przy użyciu konsoli możesz rejestrować zmienne, obiekty i wiadomości, a także filtrować i grupować wiadomości oraz wykonywać wiele innych czynności.

Karta Renderowanie służy do emulacji ustawień użytkownika i testowania adaptacyjnego zachowania witryny.

Sprawdzaj i debuguj zapytania dotyczące kontenera CSS za pomocą Narzędzi deweloperskich.