Debug manifests

Debug manifests to pojęcie używane najczęściej w kontekście:

  • aplikacji webowych
  • service workerów / PWA
  • pakietów aplikacji (manifest.json / manifest.webmanifest)
  • środowisk developerskich, gdzie przeglądarka lub narzędzia deweloperskie ładują specjalny “manifest debugowy”.

Może oznaczać dwie rzeczy — zależnie od kontekstu.

1. Debug manifest – plik manifestu używany tylko w trybie developerskim

W wielu frameworkach (np. React, Angular, Vue, Next.js, WordPress + Gutenberg) istnieją osobne pliki manifestów, np.:

  • manifest.json – dla produkcji
  • manifest.debug.json / manifest.dev.json – dla developmentu
  • Taki debug manifest zawiera:
  • nie-minifikowany kod,
  • dodatkowe metadane,
  • ścieżki do nieprzetworzonych plików,
  • informacje potrzebne do debugowania w przeglądarce (mapy, ścieżki źródłowe itd.).

Przeglądarka lub narzędzie ładuje ten manifest, aby było łatwiej śledzić błędy i strukturę projektu.

2. Debug Manifest w Service Worker / PWA

Jeśli pracujesz z manifestem webowym (manifest.webmanifest) lub service workerem, debug manifest to plik, który przeglądarka ładuje, aby zarejestrować zasoby dla offline podczas developmentu.

Najczęściej zawiera:

  • listę plików do cache
  • ścieżki do lokalnych assetów
  • brak optymalizacji
  • pełne logi, które ułatwiają debugowanie

3. Wtyczki WordPress / Webpack / Vite

Niektóre narzędzia generują debug manifest, np.:

  • wtyczki ładujące assety (style, skrypty)
  • bundlery JS
  • systemy modułów

Przykład z Webpack:

  • manifest.json → produkcja
  • manifest.dev.json → debug

Debug manifest pozwala WordPressowi czy innemu systemowi wiedzieć, które pliki wczytać podczas developmentu.

Hope this helps and happy coding :)

Zobacz jeszcze

Turnstile jako darmowa alternatywa reCAPTCHA

Od 2025 Google stara się, aby wszyscy użytkownicy reCAPTCHA przeszli na reCAPTCHA Enterprise, co oznacza, że Google pobiera opłaty za wywołania API przekraczające limit bezpłatny. Jeśli w...

Vite - nowoczesny build tool

Vite to nowoczesne narzędzie do budowania frontendu (build tool), stworzone przez Evana You (twórcę Vue.js). Służy do pracy z projektami w JavaScript/TypeScript — React, Vue, Svelte, Vanilla...