Ik wil een 3rd party webapplicatie met een client-side Javascript API in een van mijn websites integreren. Dat vergt een beetje Javascript-programmeren met andermans datastructuren. Die zou ik het liefst even live in een debugger bekijken, want de documentatie zegt ook niet alles.

Nu heb ik Javascript tot nu toe alleen gebruikt voor erg triviale dingen, waar verder geen ontwikkeltools aan te pas kwamen. Ik ben dus niet zo bekend met de beschikbare tools voor Javascript (ik ken wel PhpEd voor PHP en Wing IDE voor Python).

Ik zit naar Aptana te kijken. Ziet er goed uit, maar misschien een beetje te complex (het is bedoeld voor client-server debuggen van AJAX-applicaties). Voor IE schijnt er een scripting debugger te zijn en voor Firefox is er meen ik Firebug.

Welke Javascript IDE of debugger gebruiken jullie? Tips?

Firebug all the way !!

Werkt in FF2 en in FF3, is niet alleen handig om online zonder FTP direct HTML/css/js te editen ... maar ook AJAX calls te bekijken en te analyseren.
En een ander mooi dingetje is dat ie laad-tijden kan laten zien per type (html,image ... ) zodat je snel knelpunten kan opsporen ...

Al moet ik zeggen dat ik die Aptana wellicht ook eens ga gebruiken. Ik gebruik voor mijn coding Eclipse (java based) .. Gratis prachtig programma met veel mogelijheden waaronder ... PHP en JS addons waardoor hij de syntax snapt en ook al fouten kan aanwijzen !

Dus wellicht is Eclipse ook aan te raden Rene !

Dankjewel, ga ik Firebug eens wat beter bekijken...

Ik werk zelf vooral in Python en PHP, en ik vind het dan toch een beetje een raar idee om een in Java gebouwde IDE te gebruiken. Maar ik hoor vaker dat Eclipse cool is. Aptana is trouwens op Eclipse gebaseerd.

Ja ik zag het , daarom is het zeer interessant

Ik heb hier een screenshot liggen van wat mogelijkheden (als je die wil hebben?), je kunt ook files naast elkaar vergelijken en eclipse heeft een ingebouwde version history etc.. echt mooi spul allemaal.

Nou, zowel met Aptana als Firebug is het gelukt de datastructuren van de 3rd party API te bekijken. Met Aptana was het ietsje ingewikkelder, zoals verwacht. Firebug werkte opmerkelijk intuïtief. Binnen 2 minuten had ik de variabelen voor mijn snufferd, zonder een manual te lezen.

De conclusie is dat de integer die in de documentatie als string staat, toch gewoon een integer is. En dat een bepaalde teller bij 1 begint, in plaats van 0. En dat een API-functie onverwacht bepaalde globals op null reset (dat was mijn bug).

Waarom komt programmeren toch altijd weer op diezelfde flutdetails neer?

De geïntegreerde Developer Tools in IE8 zijn ook wel cool