Na karcie Zasoby dla programistów możesz sprawdzić, czy Narzędzia deweloperskie prawidłowo wczytują mapy źródeł. W razie potrzeby możesz wczytać je ręcznie.
Gdy otworzysz Narzędzia deweloperskie, spróbuje wczytać mapy źródłowe. W przypadku niepowodzenia Konsola zarejestruje błąd podobny do tego poniżej.
Na karcie panelu Zasoby dla programistów możesz wyświetlać stan wczytywania mapy źródeł, a nawet ręcznie wczytywać mapy źródeł.
Otwórz zasoby dla deweloperów i sprawdź stan
Aby sprawdzić stan wczytywania map źródeł:
- Otwórz Narzędzia deweloperskie, włącz mapy źródłowe i kliknij > Więcej narzędzi > Zasoby dla programistów.
W tabeli sprawdź wartości w tych kolumnach:
- Stan, aby sprawdzić, czy udało się wczytać mapę źródłową.
- Error (Błąd), aby odczytać komunikat o błędzie (jeśli występuje).
Filtruj zasoby według adresu URL lub błędu
Aby skupić się na mapach źródeł, które Cię interesują, wpisz tekst w polu tekstowym u góry, aby odfiltrować mapy źródłowe, które nie zawierają tego tekstu w adresach URL lub komunikatach o błędach.
Rozwiązywanie problemów
Domyślnie Narzędzia deweloperskie żądają map źródłowych, a nie stron internetowych. Takie żądania mogą być traktowane jako transmisje z innych domen i mogą nie zostać dostarczone.
Aby najpierw mapy źródeł żądań witryny były tworzone, w prawym górnym rogu w sekcji Zasoby dla deweloperów zaznacz pole Włącz ładowanie przez element docelowy.
Jeśli nadal masz problemy z wczytywaniem map źródeł, spróbuj wczytać je ręcznie zgodnie z opisem poniżej.
Ręczne wczytywanie mapy źródeł
Jeśli napotkasz błędy wczytywania lub chcesz np. zdebugować pierwotny kod w witrynie w wersji produkcyjnej, w której nie ma map źródłowych, możesz wczytać je ręcznie:
- Generowanie map źródeł przy użyciu narzędzi, które je obsługują.
- Hostuj mapy źródeł lokalnie.
- Na stronie Otwórz Narzędzia deweloperskie i włącz mapy źródłowe.
Otwórz wdrożony (przetworzony) plik w sekcji Źródła, kliknij go prawym przyciskiem myszy w Edytorze i w menu wybierz Dodaj mapę źródłową.
W polu tekstowym podaj URL mapy źródłowej i kliknij Dodaj.
Sprawdź, czy mapa źródłowa pojawiła się w zasobach dla programistów, a oryginalny plik (zmapowany z wdrożonego) w drzewie plików.
Przejdź do debugowania pierwotnego pliku.