JAVASCRIPT W PRAKTYCE

Znajdź flagę

Znajdź flagę – wyszukaj ukrytą wartość w DevTools (komentarz HTML, nagłówek, localStorage, XHR). Ćwiczy rozpoznanie (recon).

  • Źródło HTML
  • Nagłówki odpowiedzi
  • Dane przeglądarki
Zacznij od pierwszego zadania →

Pierwsze zadanie bez logowania · Za darmo

Wybrane zadania na początek

Wybierz zadanie i poznaj zasady na konkretnym przykładzie.

Rozgrzewka

Flaga w komentarzu

Otwórz target i obejrzyj źródło strony. Programiści czasem zostawiają rzeczy w komentarzach HTML. Znajdź flagę i wklej ją poniżej.

Rozwiąż zadanie → Bez logowania
Rozgrzewka

Flaga w naglowku odpowiedzi

Na stronie flagi nie ma. Ale odpowiedź serwera to nie tylko treść - to także nagłówki. Otwórz zakładkę Network (Sieć) w DevTools i przyjrzyj się nagłówkom odpowiedzi.

Zobacz zadanie → Rozwiązanie z darmowym kontem
Rozgrzewka

Flaga w localStorage

Strony trzymają dane po stronie przeglądarki. Otwórz target, wejdź w DevTools do zakładki Application (Aplikacja) i zajrzyj do Local Storage.

Zobacz zadanie → Rozwiązanie z darmowym kontem

Chcesz poćwiczyć dalej?

Liczba dostępnych zadań: 13.

Zobacz wszystkie zadania →

Pełny katalog wymaga bezpłatnego konta.

Jak podejść do tych ćwiczeń?

Zadania ze znajdowania flag ćwiczą inspekcję strony w DevTools: odkrywasz informacje obecne w HTML, odpowiedziach HTTP lub pamięci przeglądarki. Podobna obserwacja pomaga testerom i frontendowcom ustalić, jakie dane aplikacja rzeczywiście udostępnia po stronie klienta.

Otwórz target i szukaj informacji już udostępnionych przez przygotowaną stronę. Sprawdź źródło HTML, odpowiedzi sieciowe i dane zapisane w przeglądarce zgodnie ze wskazówką zadania. W panelu Network odśwież stronę, aby zobaczyć żądania. Po znalezieniu flagi skopiuj ją w całości do pola odpowiedzi.

Przećwicz to: Flaga w komentarzu →

To zadanie rozwiążesz bez zakładania konta.