Junior
Jakie sekcje są w narzędziach deweloperskich (Dev Tools)?
sobes.tech AI
Odpowiedź od AI
- Elementy - Pozwala na podgląd i edycję struktury HTML oraz stylów CSS w czasie rzeczywistym.
- Konsola - Używana do debugowania JavaScript, wykonywania wyrażeń i przeglądania komunikatów (logów) z skryptów i przeglądarki.
- Źródła - Umożliwia przeglądanie kodu źródłowego strony, plików JavaScript i CSS, ustawianie punktów przerwania do debugowania.
- Sieć - Śledzi wszystkie żądania sieciowe wykonywane przez stronę (HTTP, HTTPS, WebSockets), wyświetla ich status, czas ładowania i rozmiar.
- Wydajność - Pomaga analizować wydajność strony internetowej, identyfikując wąskie gardła związane ze skryptami, renderowaniem i ładowaniem.
- Pamięć - Umożliwia profilowanie użycia pamięci przez skrypty strony i wykrywanie wycieków pamięci.
- Aplikacja - Zawiera narzędzia do pracy z lokalnym magazynem (Local Storage, Session Storage), plikami cookie, cache, usługami sieciowymi i manifestem aplikacji webowej.
- Bezpieczeństwo - Dostarcza informacji o bezpieczeństwie bieżącego połączenia (certyfikaty SSL/TLS, zawartość mieszana).
- Lighthouse - Narzędzie do audytu wydajności, dostępności, najlepszych praktyk, SEO i PWA.
- Rejestrator - Umożliwia nagrywanie interakcji użytkownika ze stroną i ich odtwarzanie, generując testy automatyczne.