Omówienie panelu aplikacji

Dale St. Marthe
Dale St. Marthe

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ęć lokalnaPamięć 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 stanugrupy zainteresowań umożliwiają sprawdzenie odpowiadających im tokenówgrup (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:

  1. Otwórz Narzędzia deweloperskie.
  2. Otwórz menu Polecenia, naciskając:
    • macOS: Command + Shift + P.
    • Windows, Linux i ChromeOS: Control + Shift + P Menu poleceń z
  3. 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.