[JS] Debuggen Hoe doen jullie het nou?

[LuCarD]

Hoe debuggen jullie nou jullie JS scripts?

Voorheen gebruikte ik alleen alerts tussen de script door. Met af en toe wat waardes. Tegenwoordig gebruik ik een textarea op een draggable layer. En dan via een simple functie schrijf ik naar deze layer debug info. (maar het blijft een veredelde alert.

PHP:

<?function d(text1) {    document.test.debugw.value += text1 + "\n";}?>

Daar naast heb ik een tweede textarea waar ik JS code kan invoeren en deze wordt dan uitgevoerd. Door middel van eval.

Verder heb ik nog:

PHP:

<?var errorCounter=0;function doError(msg,url,nr) {errorCounter++;if(confirm("MSG: " + msg + "\n Url: " + url + "\n Line.:" + nr + "\nErrorCount:"+errorCounter+"\nContinu?"))   return true; else    {            window.onerror='';            return false;    }}window.onerror=doError;?>

Dit zorgt er voor dat errors worden af gevangen, maar niet je script laten crashen.

En tot slot

PHP:

<?var DOMViewerObj;function debug(obj) {    DOMViewerObj=obj;    window.open("domview.html");}?>

Hiermee kan ik een object bekijken. Voor de source en credits van domview.html

Heeft iemand anders nog tips en trucks? Of gewoon opmerkingen.

[Verwijderd]

• Testen in Mozilla & Netscape voor de JavaScript console
• Alerts
• Clay's showObject functie om de properties van Objecten te inspecteren.

[LuCarD]

Op donderdag 04 juli 2002 09:53 schreef Blues het volgende:

• Testen in Mozilla & Netscape voor de JavaScript console
• Alerts
• Clay's showObject functie om de properties van Objecten te inspecteren.

eerste twee zijn mij bekend...

Maar showObject ?
Source? Staat niet in de beehive lib (tenminste niet bij mij)

[crisp]

Nog een handige: de statusbar

[HunterPro]

ik gebruik daarvoor de Microsoft Debugger in combinatie met breakpoints

zit standaard bij Microsoft office 2000 en XP

[LuCarD]

Op donderdag 04 juli 2002 10:24 schreef |HunterPro| het volgende:
ik gebruik daarvoor de Microsoft Debugger in combinatie met breakpoints

zit standaard bij Microsoft office 2000 en XP

Ehmm... Die ken ik niet...
terwijl ik hier toch office 2000 heb.

* LuCarD kan hem ook niet vinden in mijn office dir...

[Pelle]

Op donderdag 04 juli 2002 09:55 schreef LuCarD het volgende:
Maar showObject ?

Lijkt me gewoon een properties / methodview functie; beetje a la:

code:

function showMeDaSource(obj) {
    var val;
    var ret;
    for (var i in obj) {
      val  = (typeof obj[i] == "function") ? "[function]" : obj[i];
      ret += i + " = " + val + "\n";
    }
    alert(ret);
}

/edit
Ja dus
[search=showObject] levert [topic=396511/1/25]

[Bosmonster]

Ik gebruik ook Microsoft Script Debugger.. op mn werk dan ().. Hier thuis heb ik hem nog niet geinstalleerd...

Maar voor het simpele werk (geen errors) meestal snel een alertje tussendoor, of ff schrijven naar een layertje of input.

[Woudloper]

LuCarD:
* LuCarD kan hem ook niet vinden in mijn office dir...

Als hij er staat staat deze hier:

c:\program files\Microsoft Visual Basic Studio\Common\IDE\IDE98\MSE.EXE

Erg handig

Gewoon een js of html bestand openen op F5 rammen en je kan debuggen en ziet gewoon wat er allemaal gebeurt...

[HunterPro]

Op donderdag 04 juli 2002 10:29 schreef LuCarD het volgende:

[..]

Ehmm... Die ken ik niet...
terwijl ik hier toch office 2000 heb.

* LuCarD kan hem ook niet vinden in mijn office dir...

Zoek eens op je harddisk naar 'MSE.EXE'

[LuCarD]

Op donderdag 04 juli 2002 10:33 schreef Woudloper het volgende:

[..]

Als hij er staat staat deze hier:

c:\program files\Microsoft Visual Basic Studio\Common\IDE\IDE98\MSE.EXE

Erg handig

Gewoon een js of html bestand openen op F5 rammen en je kan debuggen en ziet gewoon wat er allemaal gebeurt...

Dat is geen office pakket!

En ik heb hier geen visual studio....

[Clay]

object property functietje is idd erg handig da's een van de weinige dingen die ik uit een boek (!) heb gehaald

try catch dinges is ook handig.

code:

try {
   // meuk waar je niet zeker van bent
   bestaatNiet();
} catch(ex) {
   // obj properties functie voor de ex
   getProperties(ex);
   
   // evt een error forcen
   throw new Error('je melding')
}

function getProperties(obj) {
   var res = '';
   for(var i in obj) {
    res += i +' '+ obj[i] +'\n'
   }  alert(res);
}

Je kan daarmee ook een hele console bouwen (in een popup oid, die alleen werkt met een globale "bDebug = true") die runtime allemaal meldingen fouten en waarschuwingen stuurt, ook samen met zo'n window.onerror handler.

[Bosmonster]

Hmm.. ik had hem gewoon van de Windows 2000 CD volgens mij hoor.

[HunterPro]

Op donderdag 04 juli 2002 10:35 schreef LuCarD het volgende:

[..]

Dat is geen office pakket!

En ik heb hier geen visual studio....

het zit er bij

wordt sneaky geinstalleerd

overigens kun je 'm ook starten via Word -> menu 'extra' -> macro > Microsoft Script Editor.

[Bosmonster]

Even gezocht voor jullie, want het is namelijk gewoon een Windows component en geen Visual Studio of Office geval.

Microsoft Script Debugger

Daar ken je hem dus ook downloaden van Microsoft

Gewoon installeren en als het goed is krijg je bij JS-foutmeldingen dan gewoon een vraag van "Do you want to debug". Klik Yes en hij opent netjes de debugger met de foute regel gehighlight (werkt ook met losse JS-files etc). How more simple can it get

[Woudloper]

Bosmonster:
Gewoon installeren en als het goed is krijg je bij JS-foutmeldingen dan gewoon een vraag van "Do you want to debug". Klik Yes en hij opent netjes de debugger met de foute regel gehighlight (werkt ook met losse JS-files etc). How more simple can it get

ff voor de eenvoud.... Het werkt dus als volgt.

1. Opstarten via icoon op mijn shortcut bar



Hierboven zie je dus de debugger welke de tracker.html van crisp heeft geopend. Daar heb ik een breakpoint toegevoegd op een stukje code wat is toegevoegd na een vraag welke gesteld was aan crisp. So far so good.

2. Nu gaan we dus de debugger starten via:



Natuurlijk kan dit ook via F5, maar dat spreek natuurlijk voorzich. Als je dit dan gedaan hebt start de MS Debugger IE op in de debugging mode zodat de debugger alle meldingen af vangt.

3. Afvangen van de breakpoint door de debugger



Zoals je ziet stopt de debugger met het verder processen van het script, maar stopt dus op de 'breakpoint' welke ik had meegegeven aan de desbetreffende pagina en wacht dus op verdere acties van mijn kant.

Zo kan ik nu ook met behulp van het watch en intermediate window extra handelingen verrichten. Het watch window is erg handig voor het viewen van de objecten e.d.

4. Vervolgen met debuggen (F11)

Ook is het gewoon mogelijk om het debuggen te vervolgen binnen de debugger (erg handig ) en dat doe je dan middels F11. Wat daarnaast nog mogelijk is, is wanneer je je muis boven een variabele plaatst je de waarde ervan ziet, zie:



Hoop dat je nu een beetje begrijpt waarom dit zo'n handig programma is

[Bosmonster]

Dat is dus een hele andere debugger dan die ik bedoel en hierboven neergezet heb.

[Woudloper]

Bosmonster:
Dat is dus een hele andere debugger dan die ik bedoel en hierboven neergezet heb.

Vreemd Want dat is degene welke ik gewoon op mijn PC heb staan en overigens vaak gebruik...

Misschien is het een oude versie, zie about window:

[Bosmonster]

Nee kijk.. die Script Debugger van de windows CD (of van MS site) is gewoon klein progje voor het debuggen van Windows-scripting (vb/js whatever).

[HunterPro]

bij office XP zit 7.0

[HunterPro]

Op donderdag 04 juli 2002 11:25 schreef Bosmonster het volgende:
Nee kijk.. die Script Debugger van de windows CD (of van MS site) is gewoon klein progje voor het debuggen van Windows-scripting (vb/js whatever).

[afbeelding]

druk eens op help -> info?

[Woudloper]

Heb net ff snel de twee debuggers met elkaar vergeleken, maar...

• MSE is veel krachtiger dan de 'Script debugger'
• MSE beschikt over mogelijkheid van breakpoints
• etc... etc..

Wat vervelend is, is dat ik niet weet hoe ik eraan gekomen ben. Naar mijn idee staat het op mijn PC doordat ik dus gewoon Office 2000 en IE6 heb geïnstalleerd, maar zeker weten doe ik dat dus niet...

[HunterPro]

Op donderdag 04 juli 2002 11:33 schreef Woudloper het volgende:
Heb net ff snel de twee debuggers met elkaar vergeleken, maar...

• MSE is veel krachtiger dan de 'Script debugger'
• MSE beschikt over mogelijkheid van breakpoints
• etc... etc..

Wat vervelend is, is dat ik niet weet hoe ik eraan gekomen ben. Naar mijn idee staat het op mijn PC doordat ik dus gewoon Office 2000 en IE6 heb geïnstalleerd, maar zeker weten doe ik dat dus niet...

Ik weet zeker dat het bij Office zit. Je kunt 'm namelijk ook opstarten vanuit Word via het menu Extra -> macro's -> script editor. Tevens heb ik een keer geprobeerd te debuggen zonder office, dat ging dus mooi niet. Toen office geinstalleerd en toen had ik 'm plotseling wel.

[edit]
dit noem ik dus een leuk extraatje van Microsoft wat niemand kent

[LuCarD]

Op donderdag 04 juli 2002 11:35 schreef |HunterPro| het volgende:

[..]

Ik weet zeker dat het bij Office zit. Je kunt 'm namelijk ook opstarten vanuit Word via het menu Extra -> macro's -> script editor. Tevens heb ik een keer geprobeerd te debuggen zonder office, dat ging dus mooi niet. Toen office geinstalleerd en toen had ik 'm plotseling wel.

[edit]
dit noem ik dus een leuk extraatje van Microsoft wat niemand kent

Ik heb hem gevonden op de installatie CD en onder Word.
<CD>\PFILES\VSTUDIO\COMMON\IDE\IDE98


Maar ik krijg hem niet te voorschijn zodra er een fout komt dan start hij stug de freeware versie van MS op...

[HunterPro]

Op donderdag 04 juli 2002 11:39 schreef LuCarD het volgende:

[..]

Ik heb hem gevonden op de installatie CD en onder Word.
<CD>\PFILES\VSTUDIO\COMMON\IDE\IDE98


Maar ik krijg hem niet te voorschijn zodra er een fout komt dan start hij stug de freeware versie van MS op...

je kan ook gewoon die JS-file erin openen hoor

en btw: hij debugt ook ASP scripts!

[LuCarD]

Op donderdag 04 juli 2002 11:40 schreef |HunterPro| het volgende:

[..]

je kan ook gewoon die JS-file erin openen hoor

en btw: hij debugt ook ASP scripts!

Leuk Als je die pagina dynamische genereert

[HunterPro]

Op donderdag 04 juli 2002 11:46 schreef LuCarD het volgende:

[..]

Leuk Als je die pagina dynamische genereert

ik heb het dus over de source-asp file hè

[LuCarD]

Op donderdag 04 juli 2002 11:49 schreef |HunterPro| het volgende:

[..]

ik heb het dus over de source-asp file hè

En ik had het over JS files....

* LuCarD gebruikt geen ASP...

[Bosmonster]

Op donderdag 04 juli 2002 11:29 schreef |HunterPro| het volgende:

[..]

druk eens op help -> info?

Help -> about? info heb ik nie