Flaga w komentarzu
Zajrzyj do źródła strony i znajdź informację ukrytą w komentarzu HTML.
Rozwiąż zadanie → Bez logowaniaDEVTOOLS W PRAKTYCE
Zajrzyj pod powierzchnię strony.
Znajduj ukryte informacje i sprawdzaj, jak działają żądania HTTP. Ćwicz na przygotowanych stronach, korzystając z narzędzi deweloperskich przeglądarki.
- HTML i źródło strony
- Nagłówki HTTP
- Cookies i dane przeglądarki
Bez logowania · Bez instalacji · Za darmo
Trzy zadania na dobry początek
Od znalezienia informacji do zmiany danych. Zacznij od podstaw lub wybierz kolejny poziom.
Ciastko roli
Sprawdź, co się dzieje, gdy aplikacja ufa roli zapisanej w ciasteczku.
Rozwiąż zadanie → Bez logowaniaPodrobiony token roli (Base64)
Przeanalizuj token Base64 i sprawdź skutki braku weryfikacji jego autentyczności.
Rozwiąż zadanie → Bez logowaniaChcesz poćwiczyć dalej?
W kategorii DevTools czeka 50 zadań — od analizy strony po modyfikowanie żądań HTTP.
Zobacz wszystkie zadania DevTools →Pełny katalog wymaga bezpłatnego konta.
Jak podejść do tych ćwiczeń?
Ćwiczenia DevTools rozwijają umiejętności przydatne w testowaniu aplikacji webowych i debugowaniu frontendu. Uczysz się łączyć to, co widać na stronie, z przesyłanymi danymi — np. odróżniać błąd wyświetlania od nieoczekiwanej odpowiedzi serwera.
To zadania z analizy strony i komunikacji przeglądarki z serwerem: szukasz ukrytej flagi lub zmieniasz dane, aby spełnić warunek zadania. Otwórz przygotowaną stronę przyciskiem „Otwórz target” i uruchom DevTools (F12). Zacznij od obserwacji: sprawdź HTML, w panelu Network przyjrzyj się żądaniom i odpowiedziom HTTP, a w pamięci przeglądarki — ciasteczkom. Postaw hipotezę, zmień jeden element i porównaj efekt po ponowieniu żądania. Sama zmiana wyglądu strony nie oznacza zmiany danych na serwerze — zwracaj uwagę na to, co przeglądarka rzeczywiście wysyła i otrzymuje. Znalezioną flagę wpisz na stronie zadania.
Przećwicz to: Flaga w komentarzu →
To zadanie rozwiążesz bez zakładania konta.