Wskazówki dotyczące narzędzi deweloperskich: co to są mapy źródeł?
bookmark_borderbookmark
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Sofia Emelianova
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 punktów przerwania.
[[["Ł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."],[],[]]