Dekompilacja js i css

KR
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 168
0

Cześć,
Czy są jakieś programy do "dekompilacji" aplikacji js'owych?
Jeden temat to to, że mam apke react jako dot js. I jeszcze style chciałbym ogranąć (a nie tylko przycisk .x.y -> spróbujmy pchnąć butem kilka pikseli w lewo).
Mam pliki map js.map i css.map (bo to z scss).

Szalony Programista
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 227
3

Tu do Javascript i CSS.

https://beautifier.io/
https://www.freeformatter.com/css-beautifier.html

Ogólnie, te pliki main.js.map nigdy nie znajdują się na produkcji, bo one zawierają kod źródłowy, który ma do każdej linijki kodu przypisany offset(linijkę) gdzie znajduje się jego wygenerowana część w końcowym pliku, przez co przeglądarka jak wyświetli ci oryginalny kod źródłowy, to to jest tylko atrapa i ona mapuje ci breakpointy na breakpoiny na głównym pliku czyli tym zwykłym main.js.

Da się z tego wyciągnąć kod źródłowy bo on jest jako tekst w jednym z parametrów jsona.

Jak odpalisz stronę to działa plik main.js, a na końcu main.js jest taki kawałek komentarza:
//# sourceMappingURL=main.chunk.js.map
Który to mówi przeglądarce, że do tego kodu źródłowego main.js jest kod źródłowy do zamapowania, bez tego przeglądarka nie znajdzie tych plików i nie użyje.
To jest najłatwiejszy sposób, żeby sparsować kod pliku .map, przeglądarka w dev toolsach automatycznie doda pliki i foldery, z danymi, które tam były zadeklarowane.

Plik main.js wygląda trochę źle nawet po sformatowaniu go, taki jest javascript :>

Ale za to main.css wygląda normalnie jak zwykły plik css, ale też wymaga sformatowania kodu.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.