Nie można edytować javascript w narzędziach programistycznych Chrome - javascript, google-chrome, google-chrome-devtools

Próbuję edytować ten kod javascriptznajduje się w html strony (nie jest importowanym plikiem js). Jestem w stanie ustawić punkty przerwania i przejść przez nie, ale nie mogę edytować javascript podczas wykonywania ani przed / po wykonaniu. Upiększyłem ({}) i odszyfrowałem pliki. Część kodowa nie jest zminimalizowana w tej sekcji.

1. Mogę to zrobić?
2. Czy to ważne, że kod znajduje się w dołączonym zdarzeniu. Tj. Kliknięcie itp.
3. Oczywiście używam jquery.

Mógłbym przysiąc, że to była wspólna cecha. Ale minął ponad rok, odkąd zrobiłem dużo javascript.

Odpowiedzi:

Przy użyciu chromu / chromu istnieje kilka metod modyfikacji html istniejącego document. W devtools

• Wybierz Elements kliknij prawym przyciskiem myszy element, który chcesz zmodyfikować, wybierz Edit as HTML , wprowadź zmiany w ramce zawierającej element, a następnie kliknij poza ramką edytora

• Wybierz Sources kartę, wybierz Snippets kliknij prawym przyciskiem myszy i wybierz New , pisać javascript, aby wykonać w istniejącym window naciśnij ▶ na prawym panelu, aby uruchomić javascript w Snippets środkowy panel już istnieje window. Na przykład jeśli $("body").on("click", function() {alert(123)}) jest dodawany jako Snippet kliknięcie body element powinien wywoływać alert(123). Wydarzenie powinno być również wymienione w Event Listeners na prawym panelu devtools podczas sprawdzania elementu. Usunięcie nasłuchiwania może być nieco trudniejsze; nawet jeśli klikniesz remove podczas najechania kursorem na odbiornik na prawym panelu, ponieważ zdarzenie jest już dołączone do elementu. Najprostszą metodą byłoby dodanie namespace na wydarzenie $("body").on("click.abcnamespace", handler), Wtedy zadzwoń $("body").off("click.abcnamespace")

• Modyfikacja istniejącego modułu obsługi tekstu nie wpłynie automatycznie ani nie anuluje modułu obsługi zdarzeń wcześniej dołączonego do elementu. Najprostszym podejściem byłoby skopiowanie i zapisanie istniejącego javascript zawierający moduł obsługi zdarzeń, wybierz Elements kliknij prawym przyciskiem myszy element, który ma detektor zdarzeń, wybierz Event Listeners na prawym panelu, gdy najedziesz myszką na window, document lub HTMLElement po dołączeniu zdarzenia powinien zostać wyświetlony przycisk z napisem Remove. Kliknij ten przycisk, aby usunąć detektor zdarzeń. Powinieneś być w stanie zmodyfikować zapisany detektor zdarzeń i dodać go z powrotem do istniejącego document z zastosowanymi modyfikacjami