2015-10-14 16 views
5

Pracuję nad modułem Drupal (nieistotnym) i chciałbym odtworzyć wydarzenie javascript/jQuery. Jeśli używam Chrome i przejdź do detektorów zdarzeń widzę skrypt jQuery nazywany jest na linii 57, jednak to naprawdę nie pomaga, jak:Czy istnieje prosty sposób sprawdzenia, która linia skryptu jQuery została nazwana zdarzeniem?

  • Skrypt jest minified i nieczytelny
  • Chciałbym wiedzieć co linia jQuery z wykorzystaniem skryptów nazywa wydarzenie (co selektor i co ciało na jego funkcję) nie skrypt jQuery sam
  • Niełatwo znaleźć plik przez prostu poszukiwaniu nadających selektorów jak istnieją 100 z załadowane pliki javascripts dzięki drupalowi i jego zainstalowanym modułom.

Powodem jest to, że chciałbym, aby odtworzyć ten (Ajax prawdopodobnie) połączenia: enter image description here

Więc czy ktoś wie jak trick wtyczki Chrome lub coś? Mogłoby to dla mnie sporo golić.

Odpowiedz

6

Jeśli ustawienie prawidłowego przerwania to powinieneś być coraz Call Stack na karcie Source, na prawej stronie. Tam powinieneś być w stanie wyśledzić plik, który zainicjował połączenie.

I jak mówią, obraz mówi więcej niż tysiąc słów ..

Jquery Trace the call to the file.

i dalszego opracowania na swoje pytanie,

To jest zawsze wskazane, aby użyć nieskompresowanego jQuery. js (lub w tym przypadku dowolny .js) w trakcie rozwoju, jak już można się domyślić.

Kroki dla kogoś nowego.

  1. Wewnątrz skompresowanego pliku wystarczy uzyskać wersję nie.
  2. Pobierz odpowiednią nieskompresowaną wersję jquery z official website.
  3. Jeśli nie chcesz zmienić kodu, zmień nazwę nieskompresowanego pliku na jQuery.min.js lub cokolwiek jest aktualnie wczytywane, więc będzie działać jako kropla zamiennika.
+1

Chciałbym dodać, że jeśli używasz Chrome, możesz pominąć pobieranie nieskompresowanej wersji i kliknąć na nawiasach w lewym dolnym rogu widoku kodu (jest to również widoczne na zrzucie obok linii i numery kolumn) i wyświetli nieskompresowaną wersję. –

0

Spróbuj chromowane DevTools, na przykład:

Sources -> Event Listener Breakpoints (to the right) -> Mouse -> click