Czy istnieje szybki sposób przełączenia się z kodu JSX pokazanego w Chrome DevTools na surowy ES5 i z powrotem?
Wyłącz mapy źródeł w Chrome DevTools
Odpowiedzi:
Otwórz Narzędzia dla programistów, przejdź do „Ustawień” narzędzi dla programistów, a następnie usuń zaznaczenie Enable JavaScript Sourcemapsw ustawieniach „Źródła”.
7
Dzięki, widziałem to. Niestety zmiana tej opcji wymaga odświeżenia, zanim zacznie obowiązywać. Miałem nadzieję, że będzie sposób na zmianę opcji bez odświeżania.
—
Jack Allan
Nie. Ponieważ źródła muszą zostać ponownie zinterpretowane na podstawie ustawień.
—
Garbee
Dzięki, jestem ciekawy, dlaczego jest to konieczne, ponieważ z pewnością zawsze uruchamia es5 pod maską, a mapowanie źródła po prostu informuje debugera, w którym wierszu znajduje się bieżąca instrukcja w kodzie źródłowym?
—
Jack Allan,
Dla tych, którzy mają trudności ze znalezieniem tych ustawień, takich jak ja, zobacz to: i.imgur.com/9aMlBfg.png
—
joshcomley
Właśnie to wypróbowałem i wydaje się, że przynosi to natychmiastowy efekt, tj. Nie wydaje się już wymagane odświeżanie strony.
—
Jackson
Możesz dwukrotnie kliknąć numery wierszy, aby przeskoczyć z plików źródłowych do niezmniejszonych plików wyjściowych. Poza tym wydaje się ograniczony. Zobacz komentarz poniżej.
Okazało się, że jest to przydatne podczas programowania. Używając webpack-dev-server(lub innego narzędzia) bez zmniejszania js, możesz dwukrotnie kliknąć numery wierszy w plikach źródłowych, aby przejść do skompilowanego, ale niezminimalizowanego pliku wyjściowego.
Właśnie odkryłem to przez przypadek, a następnie znalazłem ten komentarz z 21 grudnia 2016 r .: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7
Możesz dwukrotnie kliknąć numer wiersza, aby przejść do oryginalnego pliku, ale jest to całkiem bezużyteczne, jeśli zminimalizowany plik ma usunięte wszystkie znaki nowej linii :(
Zawijanie słów poprawiłoby to działanie https://bugs.chromium.org/p/chromium/issues/detail?id=167287
Myślę, że było pewne wsparcie dla dwukrotnego kliknięcia sekcji zminimalizowanego pliku w celu przejścia do zmapowanego pliku źródłowego, ale wydaje się, że ostatnio się cofnął.
Idealnie w zminimalizowanym pliku z mapą źródłową, kliknięcie prawym przyciskiem myszy (lub dwukrotne kliknięcie) w dowolnym miejscu zminimalizowanego pliku powinno pozwolić na przejście do tego konkretnego pliku, wiersza i kolumny
Kiedy klikam dwukrotnie numer wiersza, dodaje, a następnie usuwa punkt przerwania. Czy coś mi brakuje?
—
emclain
Nie wiem. Wydaje się, że robi to tylko czasami. I tylko jeśli Chrome wydaje się lubić sourcemap. Możesz wypróbować różne linie lub różne projekty, ale tak naprawdę nie mam lepszych sugestii. Chrome powinien lepiej to obsługiwać.
—
Scotty Wagoner