Za uporabo lekcije je potrebno imeti nameščen dodatek Firebug.
Več o namestitvi si lahko preberete v lekciji
Ko imate dodatek nameščen, odprite naslednjo stran:
http://www.cis.upenn.edu/~matuszek/cit597-2003/Examples/simple-javascript.html
Sedaj kliknite na gumb Firefox in izberite Web Developer -> Firebug.
|
|||||
 |
|||||
|
|||||
Kliknite na zavihek Script.
|
|||||
|
|||||
Kliknite na gumb Reload, da pridobite vpogled v kodo.
|
|||||
|
|||||
Zagledali boste Javascript kodo, ki se uporablja na strani.
Na levi strani so številke vrstic, od katerih so nekatere obarvane zeleno, kar pomeni, da lahko na tem mestu ustavite izvajanje kode. Kliknite na številko 18, da se zraven pojavi rdeč krogec. |
|||||
|
|
|
|||||
Sedaj na obrazcu na strani vpišite številko in pritisnite gumb Compute.
|
|||||
|
|||||
Izvajanje kode se bo sedaj ustavilo na mestu, ki ste ga izbrali.
|
|||||
|
|||||
Na desni strani lahko vidite trenutne vrednosti spremenljivk in na ta način tako spremljate, kako se pri delovanju programa spreminjajo.
Spremenljivka n vsebuje vrednost, ki ste jo vpisali na strani. |
|||||
|
|||||
V zgornjem delu dodatka Firebug boste našli tudi kontrole za izvajanje programa.
Pritisnite puščico ali pa tipko F11. |
|||||
|
|||||
Program se bo premaknil naprej za eno vrstico.
Tako se lahko po korakih počasi premikate naprej po programu in spremljate delovanje. Če želite program zagnati naprej brez ustavljanja, pa pritisnite tipko F8. |
|||||
