Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Wskazówki dotyczące narzędzi deweloperskich: co to są mapy źródeł?
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Mapy źródeł umożliwiają zachowanie czytelności i możliwości debugowania kodu nawet po jego połączeniu i zminifikowaniu bez wpływu na wydajność.
Gdy używasz różnych narzędzi do transpilacji, minifikacji i zbiorczego, wdrażany kod różni się od kodu, który został przez Ciebie napisany. Aby poprawić wydajność sieci, te narzędzia kompresują kod do pojedynczej linii, usuwają zbędne znaki i skracają zmienne.
Wiele narzędzi może generować mapy źródłowe, które będą towarzyszyć Twojemu kodowi.
Narzędzie Chrome DevTools odczytuje zarówno wdrożony kod, jak i mapy źródeł, i umożliwi debugowanie kodu w standardowy sposób, nawet z użyciem breakpoints.
Aby lepiej zrozumieć, jak działają mapy źródeł, skorzystaj z wizualizacji map źródeł.
Mapy źródeł mogą też zawierać rozszerzenia. Jeśli tworzysz narzędzia i ramy, rozważ ich obsługę. Zapoznaj się z artykułem Case Study: Better Angular Debugging with DevTools (Przykład: ulepszone debugowanie Angulara za pomocą Narzędzi dla deweloperów), w którym zespół Narzędzi dla deweloperów i Angular ulepszyli debugowanie w Narzędziach dla deweloperów, wprowadzając obsługę rozszerzenia x_google_ignoreList.
Więcej informacji znajdziesz w tych artykułach:
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2023-03-31 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2023-03-31 UTC."],[],[]]
