Co rozumiesz przez 'Sources'?

W kontekście rozwoju i testowania stron internetowych, "Sources" odnosi się do zbioru plików źródłowych, z których składa się aplikacja internetowa lub strona.

Obejmuje to:

• Pliki HTML: Struktura strony internetowej.
• Pliki CSS: Układ i style elementów.
• Pliki JavaScript: Logika po stronie klienta, interaktywność.
• Obrazy: Elementy graficzne (formaty JPEG, PNG, SVG itp.).
• Czcionki: Pliki czcionek (formaty WOFF, WOFF2, TTF itp.).
• Inne zasoby: Na przykład pliki JSON dla danych, ikony SVG itp.

W narzędziach deweloperskich przeglądarek (np. Chrome DevTools, Firefox Developer Tools) zakładka "Sources" umożliwia przeglądanie, debugowanie i analizę tych plików po stronie klienta. Jest to kluczowe dla inżyniera QA, aby:

• Sprawdzić załadowane zasoby.
• Debugować kod JavaScript w celu wykrycia błędów.
• Analizować strukturę i style strony.
• Ustawić punkty przerwania do krokowego wykonywania kodu.

W ten sposób, "Sources" to podstawowe komponenty tworzące interfejs użytkownika i funkcjonalność aplikacji webowej, dostępne do inspekcji i debugowania po stronie klienta.