Panel Aplikacja umożliwia sprawdzanie, modyfikowanie i debugowanie wielu aspektów aplikacji internetowej, w tym jej pliku manifestu, mechanizmów Service Worker, miejsca na dane i danych w pamięci podręcznej.
Przegląd
Panel Aplikacja jest podzielony na 4 sekcje zawierające menu podrzędne. Oto sekcje i menu podrzędne:
Aplikacja: zawiera ogólne informacje o aplikacji, w tym plik manifestu, mechanizmy Service Worker i miejsce na dane.
- Karta Plik manifestu zawiera informacje z języka
manifest.jsonw przystępny sposób. W odpowiedniej sekcji są też wyświetlane błędy i ostrzeżenia, jeśli wystąpiły. - Karta Skrypty service worker umożliwia wykrywanie i debugowanie mechanizmów Service Worker przez emulację zdarzeń push, aktualizowanie usługi i nie tylko.
- Karta Pamięć wewnętrzna zawiera wykres kołowy przedstawiający rozkład pamięci używanej przez pamięć podręczną, IndexedDB i mechanizmy Service Worker. Możesz też wyczyścić dane witryny i wykonać symulację niestandardowego limitu miejsca na dane.
Pamięć: możesz wyświetlać i edytować różne metody przechowywania danych używane przez aplikację internetową.
- Listy Lokalne i Przechowywanie sesji umożliwiają wybór źródła i edytowanie par klucz-wartość powiązanych metod przechowywania.
- Lista IndexedDB zawiera bazy danych i umożliwia badanie magazynów obiektów z poziomu przeglądarki.
- Lista Pliki cookie pozwala wybrać źródło i edytować pary klucz-wartość.
- Tokeny prywatności i grupy zainteresowań umożliwiają badanie odpowiednich tokenów i grup, jeśli takie istnieją.
- Lista Pamięć współdzielona umożliwia wybór źródła oraz sprawdzenie i edytowanie powiązanych par klucz-wartość.
- Lista Pamięć podręczna zawiera dostępne pamięci podręczne oraz umożliwia sprawdzanie, filtrowanie i usuwanie ich zasobów.
Usługi w tle: sprawdzanie, testowanie i debugowanie usług w tle.
- Karta Pamięć podręczna stanu strony internetowej umożliwia uruchamianie testów w pamięci podręcznej stanu strony internetowej w przeglądarce. Zgłasza też problemy, które mogą uniemożliwiać zapisywanie danych w pamięci podręcznej stanu strony internetowej.
- Karta Pobieranie w tle umożliwia rejestrowanie aktywności za pomocą Background Fetch API przez maksymalnie 3 dni.
- Na karcie Synchronizacja w tle możesz rejestrować aktywność wykonywaną za pomocą interfejsu Background Sync API przez maksymalnie 3 dni.
- Karta Łagodzenie śledzenia przekierowań umożliwia wykrywanie i usuwanie stanu witryn, które prawdopodobnie śledzą w różnych witrynach za pomocą techniki śledzenia odrzuceń.
- Karta Powiadomienia umożliwia nagrywanie wiadomości push przez maksymalnie 3 dni.
- Na karcie Moduł do obsługi płatności możesz rejestrować zdarzenia modułu obsługi płatności maksymalnie przez 3 dni.
- Na karcie Okresowa synchronizacja w tle możesz rejestrować kluczowe zdarzenia przez maksymalnie 3 dni w okresie okresowej synchronizacji w tle, np. podczas rejestracji, synchronizacji w tle czy wyrejestrowania.
- Karta Ładowania spekulacyjne umożliwia debugowanie obciążeń spekulacyjnych. Pokazuje stan spekulacyjny, zestawy reguł i spekulacyjne próby wczytywania.
- Karta Wiadomości push umożliwia nagrywanie wiadomości push i rejestrowanie ich przez maksymalnie 3 dni.
- Karta Reporting API monitoruje Twoją witrynę i zgłasza wycofane wywołania interfejsu API i naruszenia bezpieczeństwa.
Ramki: dzieli strony i zasoby na wiele widoków oraz wyświetla istotne informacje, takie jak Zabezpieczenia i izolacja, Content Security Policy, Dostępność interfejsu API.
Otwórz panel aplikacji
Aby otworzyć panel Aplikacja:
- Otwórz Narzędzia deweloperskie.
- Otwórz menu Command, naciskając klawisze:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Zacznij pisać
application, wybierz Pokaż aplikację i naciśnij Enter. W Narzędziach deweloperskich u góry okna Narzędzi deweloperskich wyświetli się panel Aplikacja.
Panel aplikacji możesz też otworzyć na te sposoby:
- Na pasku działań u góry kliknij double_arrow Więcej paneli i z listy wybierz Aplikacja.
- W prawym górnym rogu kliknij more_vert Więcej opcji > Więcej narzędzi > Aplikacja.