Na pierwszy ogień sprawdzanie błędów ładowania plików w Narzędziach Deweloperskich Firefoksa:
Otwieranie DevTools
Narzędzia deweloperskie otworzysz na kilka sposobów:
Naciśnij F12 (najszybciej)
Skrót Ctrl + Shift + I
Menu → Więcej narzędzi → Narzędzia dla twórców witryn
Prawy klik na elemencie strony → Zbadaj
Zakładka Sieć (Network)
To główne miejsce do diagnozowania błędów ładowania plików.
Otwórz DevTools i kliknij zakładkę Sieć
Odśwież stronę (F5 lub Ctrl+R) — bez tego lista żądań będzie pusta
Poczekaj na załadowanie zasobów
Szukaj wierszy zaznaczonych na czerwono — to nieudane żądania
Kliknij na konkretne żądanie, aby zobaczyć szczegóły: kod odpowiedzi HTTP, nagłówki i treść odpowiedzi
Typowe kody błędów, na które warto zwrócić uwagę:
Kod HTTP
Znaczenie
404
Plik nie istnieje pod podanym adresem
403
Brak uprawnień do pliku
500
Błąd serwera
0 / brak kodu
Plik zablokowany (np. CORS) lub przerwane połączenie
Filtrowanie zasobów
Jeśli lista żądań jest długa, skorzystaj z filtrów na górze panelu Sieć:
Wpisz nazwę pliku w pole wyszukiwania (np. style.css albo script.js)
Użyj przycisków filtrowania według typu: JS, CSS, Img, Media
Zaznacz opcję Błędy, aby pokazać tylko nieudane żądania
Zakładka Konsola
Konsola uzupełnia informacje z zakładki Sieć — pokazuje błędy w kontekście kodu:
Otwórz Konsolę (skrót: Ctrl + Shift + J)
Błędy ładowania plików widoczne są na czerwono
Ostrzeżenia (np. zasób załadowany, ale z problemem) wyświetlają się na żółto
Uwaga: Firefox nie zawsze wyświetla błąd braku pliku .js w Konsoli — jeśli czegoś brakuje, sprawdź koniecznie zakładkę Sieć, gdzie wpisy 404 będą zawsze widoczne.
Eksport do pliku HAR
Jeśli chcesz zapisać log błędów do analizy lub przekazania komuś innemu:
W zakładce Sieć kliknij ikonę koła zębatego lub menu kontekstowe
Wybierz Zapisz wszystko jako HAR
Plik .har zawiera pełną historię wszystkich żądań z kodami błędów i nagłówkami
AXIOS: adding interceptor… main.a0cf63b484738f85.js:1:120651
UserManager.getUser: user loaded 3 vendor.131e2e4236a90c20.js:251:1270587
AuthRoot: User authenticated successfully 4062.3d6ab435f2360138.js:1:11356
SessionMonitor._start: Error from getCheckSessionIframe: Invalid response Content-Type: text/html,application/json; charset=UTF-8, from URL: https://sso-idp.onkologia.bialystok.pl/.well-known/openid-configuration vendor.131e2e4236a90c20.js:251:1270843
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded 2 vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded 7 vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded 2 vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
scrollPageIntoView: “1” is not a valid pageNumber parameter. 6668.2ff4d8a4de55a47a.js:5:96443
UserManager.getUser: user loaded vendor.131e2e4236a90c20.js:251:1270587
Jak masz otwartego inspektora na zakładce Network i klikniesz ten plik, żeby zreplikować błąd pobierania to tam zupełnie nic na czerwono się nie pojawia?
Przedostatnia linia to twój plik PDF. Jest zaciągany prawidłowo 7MB. Pytanie, co z nim robi sam Firefox… hm… Dziwne.
Ja to bym jeszcze odpalił Firefoksa bez żadnych dodatków, bo tam widzę zakładkę Adblock Plus, która mnie niepokoi.
Kliknij ikonę menu (☰) → Pomoc → Uruchom ponownie z wyłączonymi dodatkami… , a następnie potwierdź klikając Uruchom ponownie i Uruchom w trybie awaryjnym .
Czyli mamy pewność, że to ta konkretna przeglądarka, a nie serwer. No to kolejne pytanie – jak na innym komputerze z tą samą wersję Firefoxa się zachowuje?
Na jakiej wersji Firefoxa jest błąd? U mnie występuje tylko na jednym kompie na wersji 140.9 ESR. Na wersji 149.0 wszystko działa dobrze. Na Edge też działa dobrze.