Jak ustawić punkt przerwania na minowanej funkcji JS w przeglądarce Chrome lub Safari?

Question

Chciałbym ustawić punkt przerwania w funkcji "Cart.add" w debuggerze Chrome lub Safari JavaScript. Problem polega na tym, że funkcja ta jest zdefiniowana w dużym, zminimalizowanym pliku JS i sama nie istnieje w linii.

Niektóre dokumenty mówią, że debugery oparte na WebKit obsługują polecenia "break" lub "debug" w konsoli debugowania, ale nie działają one w nowszych wersjach debuggera.

Ustawienie punktu przerwania na tej linii pliku JS również nie działa, ponieważ istnieje wiele funkcji w tym wierszu.

Wszelkie sugestie?

Answer 1

Prawdopodobnie to, czego szukasz, to debugger statement.

Ocenianie DebuggerStatement produkcję na może umożliwić realizację spowodować przerwania kiedy pracował w debugger. Jeśli debugger nie jest obecny lub aktywny, to instrukcja nie ma zauważalnego efektu.

Produkcja DebuggerStatement: debugger ; oceniana jest następująco:

1. Jeśli implementacja zdefiniowany obiekt debugowanie jest dostępna i włączona,

   a. Wykonaj określoną akcję debugowania implementacji.

   b. Niech wynikiem będzie zdefiniowana implementacja Wartość ukończenia.

2. Else

   a. Niech wynik będzie (normalny, pusty, pusty).

3. Wynik zwrotu.

Oświadczenie break jest dla opuszczających pętli i switch sprawozdania i nie ma nic wspólnego z debugowania.

Prawdziwym rozwiązaniem jest jednak, aby nie bugger kodu w pierwszej kolejności :)

Answer 2

W Chrome po otwarciu Scripts kartę można upiększać wybrany plik, klikając na przycisk { } („Pretty druku”) na dole . Następnie możesz znaleźć swoją linię i ustawić punkt przerwania. Po odświeżeniu strony kod pozostanie w pamięci z punktami przerwania.

Answer 3

Jeśli strona została zapisana, upiększ swój plik js za pomocą pliku jsbeautifier.org, który formatuje cały skrypt. Następnie zastąp zawartość js wersją upiększoną. Stąd możesz zdebugować swój JS z łatwością