Debugger JS

Thread View: pl.comp.lang.javascript

8 messages

[T] Back to Threads [V] Tree View [G] Group Articles

8 total messages Started by max Tue, 15 Sep 2009 13:58

#49335

Author: max
Date: Tue, 15 Sep 2009 13:58

16 lines
1315 bytes

Taki problem:

1)Otwieram stronę WWW
2)W pewnym momencie klikam w ChceckBox-a i
"coś tam sie dzieje na stronie"

Chciałbym prześledzić linia po linii kod który wykonuje się podczas 
klikania w checkBox-a.
Aby to zrobić muszę postawić breakpoint w odpowiednim miejscu, ale jak 
znaleźć to miejsce , gdzie ustawić break point ?
Teoretycznie rozwiązaniem było by postawienie brekpoint-a we wszystkich 
liniach we wszystkich plikach ;)

Czyli można to pytanie zadać w ten sposób:
Jak znaleźć funkcję która obsługuje dane zdarzenie mając załadowaną 
stronę WWW w przegladarce.

Re: Debugger JS

#49336

Author: Piotr Borowski
Date: Tue, 15 Sep 2009 14:01

3 lines
1042 bytes

w firefox jest taki dodatek zwany firebug
pozwala to to na ustawianie break point-ów w dowolnym miejscu w kodzie 
JavaScript

Re: Debugger JS

#49337

Author: max
Date: Tue, 15 Sep 2009 15:31

9 lines
1308 bytes

Piotr Borowski pisze:
> w firefox jest taki dodatek zwany firebug
> pozwala to to na ustawianie break point-ów w dowolnym miejscu w kodzie 
> JavaScript
Znany, znamy. Używam bardzo chętnie,
jednak jezeli nie wiem jaka funkcja sie wykonuje podczas klikniecia w 
obiekt to muszę tego szukać ręcznie analizując kod, jezeli jednak kod 
jest dość zagmatwany i nie mój to szukam jakiejs metody która pozwoliła 
by mi to zrobić szybko i sprawnie.

Re: Debugger JS

#49338

Author: wildcard
Date: Tue, 15 Sep 2009 21:56

11 lines
1839 bytes

On 15 Wrz, 17:31, max <m...@max.pl> wrote:

> Znany, znamy. Używam bardzo chętnie,
> jednak jezeli nie wiem jaka funkcja sie wykonuje podczas klikniecia w
> obiekt to muszę tego szukać ręcznie analizując kod, jezeli jednak kod
> jest dość zagmatwany i nie mój to szukam jakiejs metody która pozwoliła
> by mi to zrobić szybko i sprawnie.

przy użyciu jQuery jest to dość proste: $(selektor).data("events");
oprócz tego, bookmarklet: http://www.sprymedia.co.uk/article/Visual+Event
(trochę chaotyczny, wg mnie)

Re: Debugger JS

#49339

Author: max
Date: Wed, 16 Sep 2009 07:25

22 lines
1916 bytes

wildcard pisze:
> On 15 Wrz, 17:31, max <m...@max.pl> wrote:
> 
>> Znany, znamy. Używam bardzo chętnie,
>> jednak jezeli nie wiem jaka funkcja sie wykonuje podczas klikniecia w
>> obiekt to muszę tego szukać ręcznie analizując kod, jezeli jednak kod
>> jest dość zagmatwany i nie mój to szukam jakiejs metody która pozwoliła
>> by mi to zrobić szybko i sprawnie.
> 
> przy użyciu jQuery jest to dość proste: $(selektor).data("events");
> oprócz tego, bookmarklet: http://www.sprymedia.co.uk/article/Visual+Event
> (trochę chaotyczny, wg mnie)

http://www.sprymedia.co.uk/article/Visual+Event
i to jest to czego szukałem, moze nie jest to ideał ale prawie ,
szkoda że nie integruje sie z firebug
aby pokazywać w kodzie miejsce obsługi zdarzenia
bo wtedy odrazu można by ustawić break point
a tak jeszcze trzeba szukać gdzie funkcja jest zdefiniowana
choć i tak jest łatwiej

WIELKIE DZIĘKUJE

Re: Debugger JS

#49340

Author: max
Date: Wed, 16 Sep 2009 07:52

4 lines
1232 bytes

Event viewer is planned for Firebug 1.5
We are aiming for Nov 2009. Event viewer will require FF3.6.

http://www.nabble.com/Events-attached-to-an-element-td23473025.html

Re: Debugger JS

#49341

Author: William Bonawentura
Date: Wed, 16 Sep 2009 10:50

10 lines
1577 bytes

Użytkownik "max" <max@max.pl> napisał w wiadomości 
news:h8q5bs$dg$1@portraits.wsisiz.edu.pl...
> Event viewer is planned for Firebug 1.5
> We are aiming for Nov 2009. Event viewer will require FF3.6.
>
> http://www.nabble.com/Events-attached-to-an-element-td23473025.html

Dziś można włączyć profiler, zainicjować zdarzenie, wyłączyć i zobaczyć co 
sie wykonywało.

Re: Debugger JS

#49342

Author: Michał Kuliś
Date: Wed, 07 Oct 2009 12:48

22 lines
1823 bytes

Zdefiniowałem wasz problem.Lezy on w sekcji BODY xD w notatniku xD



Użytkownik "max" <max@max.pl> napisał w wiadomości 
news:h8o6er$kbv$1@portraits.wsisiz.edu.pl...
Taki problem:

1)Otwieram stronę WWW
2)W pewnym momencie klikam w ChceckBox-a i
"coś tam sie dzieje na stronie"

Chciałbym prześledzić linia po linii kod który wykonuje się podczas
klikania w checkBox-a.
Aby to zrobić muszę postawić breakpoint w odpowiednim miejscu, ale jak
znaleźć to miejsce , gdzie ustawić break point ?
Teoretycznie rozwiązaniem było by postawienie brekpoint-a we wszystkich
liniach we wszystkich plikach ;)

Czyli można to pytanie zadać w ten sposób:
Jak znaleźć funkcję która obsługuje dane zdarzenie mając załadowaną
stronę WWW w przegladarce.

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads