W panelu Aplikacja możesz sprawdzać, modyfikować i debugować wiele aspektów aplikacji internetowej, w tym jej plik manifestu, usługi wtyczki, pamięć masową i dane pamięci podręcznej.
Omówienie
Panel Aplikacja jest podzielony na 4 sekcje zawierające menu podrzędne. Oto sekcje i podmenu:
Aplikacja: zawiera ogólne informacje o aplikacji, w tym jej plik manifestu, usługi w tle i miejsce na dane.
- Karta Manifest zawiera informacje z
manifest.json
w przyjaznej dla użytkownika formie. Wyświetla też błędy i ostrzeżenia (jeśli występują) w odpowiednich sekcjach. - Na karcie Pracownicy usługi możesz sprawdzać i debugować pracowników usługi, emulując zdarzenia push, aktualizując usługę i wykonując inne czynności.
- Karta Pamięć zawiera wykres kołowy przedstawiający rozkład pamięci używanej przez pamięć podręczną, IndexedDB i elementy service worker. Możesz też wyczyścić dane witryny i symulować niestandardowy limit miejsca na dane.
Miejsce na dane: możesz wyświetlać i edytować różne metody przechowywania danych używane przez aplikację internetową.
- Listy Pamięć lokalna i Pamięć sesji umożliwiają wybranie źródła i edycję par klucz-wartość powiązanych metod przechowywania.
- Lista IndexedDB zawiera bazy danych i umożliwia przeglądanie w przeglądarce magazynów obiektów.
- Lista Cookies umożliwia wybranie źródła i edycję par klucz-wartość.
- Tokeny prywatnego stanu i grupy zainteresowań umożliwiają sprawdzenie odpowiadających im tokenów i grup (jeśli istnieją).
- Na liście Pamięć współdzielona możesz wybrać źródło oraz sprawdzić i zmodyfikować powiązane pary klucz-wartość.
- Lista Pamięć podręczna zawiera dostępne pamięci podręczne i umożliwia przeglądanie, filtrowanie i usuwanie ich zasobów.
Usługi w tle: inspekcja, testowanie i debugowanie usług w tle.
- Na karcie Pamięć podręczna stanu strony internetowej możesz przeprowadzać testy dotyczące pamięci podręcznej stanu strony internetowej w przeglądarce. Raportuje też problemy, które mogą uniemożliwiać korzystanie z pamięci podręcznej stanu strony.
- Na karcie Pobieranie w tle możesz rejestrować aktywność z interfejsu Background Fetch API przez maksymalnie 3 dni.
- Na karcie Synchronizacja w tle możesz rejestrować aktywność z interfejsu Background Sync API przez maksymalnie 3 dni.
- Karta Łagodzenie śledzenia przekierowań umożliwia zidentyfikowanie i usunięcie stanu witryn, które prawdopodobnie wykonują śledzenie między witrynami za pomocą techniki śledzenia przekierowań.
- Na karcie Powiadomienia możesz zapisywać wiadomości push przez maksymalnie 3 dni.
- Karta Moduł obsługi płatności umożliwia rejestrowanie zdarzeń modułu obsługi płatności przez maksymalnie 3 dni.
- Na karcie Okresowa synchronizacja w tle możesz rejestrować kluczowe zdarzenia w cyklu życia okresowej synchronizacji w tle przez maksymalnie 3 dni. Dotyczy to np. rejestrowania się na potrzeby synchronizacji, wykonywania synchronizacji w tle i odwoływania rejestracji.
- Na karcie Ładowanie spekulacyjne możesz debugować ładowanie spekulacyjne. Pokazuje stan spekulacyjny, zbiory reguł i próby ładowania spekulacyjnego.
- Karta Wiadomości push umożliwia rejestrowanie wiadomości push przez maksymalnie 3 dni.
- Karta Interfejs API do raportowania monitoruje Twoją witrynę i zgłasza wycofane wywołania interfejsu API oraz naruszenia zasad bezpieczeństwa.
Ramki: umożliwiają podział stron i zasobów na wiele widoków oraz wyświetlają istotne informacje, takie jak bezpieczeństwo i izolacja, zasady bezpieczeństwa treści, dostępność interfejsu API i inne.
Otwieranie panelu Aplikacja
Aby otworzyć panel Aplikacja:
- Otwórz Narzędzia deweloperskie.
- Otwórz menu Polecenia, naciskając:
- macOS: Command + Shift + P.
- Windows, Linux i ChromeOS: Control + Shift + P
- Zacznij pisać
application
, wybierz Pokaż aplikację i naciśnij Enter. Narzędzia deweloperskie wyświetlają panel Aplikacja u góry okna.
Panel Aplikacja możesz też otworzyć w jeden z tych sposobów:
- Na pasku działań u góry kliknij Więcej paneli i na liście wybierz Aplikacja.
- W prawym górnym rogu kliknij Więcej opcji > Więcej narzędzi > Aplikacja.