Scriptorama.nl

Header image showing a keyboard, mouse, laptop and books on design patterns

Opera brengt developer tools uit: DragonFly

Na Firebug voor Firefox, WebInspector voor Safari en ook de DOM Developer Toolbar voor IE8 komt nu ook de laatste grote browser - Opera - met zijn eigen developer tools: DragonFly voor Opera 9.5+.

Debug JavaScript, inspect CSS and the DOM, and view any errors – Opera Dragonfly makes developing using Opera easier than ever, both on your computer and mobile phone. Check out our alpha release for a taste of things to come.

(more...)

Scriptorama’s XdebugClient

Al een behoorlijke tijd ben ik bezig geweest met een simpele frontend voor de populaire PHP debugger: XDebug. Vandaag heb ik dan eindelijk besloten om een eerste test versie beschikbaar te stellen: xdebugclient 1.0-beta1.

xdc 1.0-beta1

Features

  • Small / lightweight - no install required
  • Line-based breakpoints
  • Property inspector
  • Call stack overview at breakpoints
  • Should would fairly well with remote scripts when combined with, say, Samba.
  • Run, Step In, Step Out, Step Over

Beschikbaarheid

Xdebugclient is beschikbaar onder de LGPL en vereist het .NET 2.0 Framework (gratis te downloaden) en is dus alleen beschikbaar voor MS Windows.

Suggesties en bugmeldingen zijn zeer welkom.

Sourcecode van Firebug beschikbaar via Google Code

Joe Hewitt, wie eerder deze week een Firebug Pro Userdemo gaf op Yahoo! campus, heeft vandaag de source code van Firebug toegevoegd aan Google Code waardoor andere mensen makkelijker kunnen meehelpen met de ontwikkeling van Firebug.

With that, I’m happy to announce that the Firebug open source project is now live on Google Code. Now you can browse the source without having to crack open the xpi or jar files!

In addition to source control, Google Code provides a simple but capable bug tracking system. I’ve been keeping all bug reports in a little text file, but now I’m starting to enter them on Google Code. If you find a bug in Firebug, I would appreciate if you could search the Firebug issues list first, and if you can’t find it there, enter a new issue.

Vanwege de manier waarop Firefox extensies gebouwd worden (een extensie is in feite een zip bestand met daarin onder andere wat javascript en xul bestanden) had je al toegang tot de code die vrij gegeven was, maar nu heb je dus ook toegang tot de allerlaatste versies en is er een publieke issue tracker waarin je eventueel je ei kwijt kan.

Firebug 1.0 beschikbaar

Joe Hewittt, de auteur van Firebug, heeft vandaag na een flinke testperiode (waarin ook nog stiekem een nieuwe feature naar boven kwam) Firebug 1.0 vrijgegeven.

If you read this blog, that won’t mean much to you personally since you’re probably already using 1.0 beta. However, there are still tens, maybe even hundreds of thousands of people who are still using 0.4.1 and are going to get a very nice present the next time they restart Firefox.

De Firebug Releasenotes geven aan dat er sinds Beta 9 niks meer veranderd en het is dus waarschijnlijk dat Firebug 1.0 gelijk is aan Firebug 1.0b9.

Als je Firebug al geinstalleerd hebt krijg je vanzelf een update notificatie maar ben je nog niet bekend met Firebug dan kun je Firebug downloaden vanaf de Firebug homepage en neem dan meteen de artikelen door die in "Aan de slag met Firebug" worden beschreven voor een introductie tot Firebug.

Firebug is, wat mij betreft, gegroeid van een handige utility naar een onmisbare webdevelopment tool waar elke andere webdevelopment tool, zeker die voor andere browsers, het aflegt.

Aan de slag met Firebug

Firebug's auteur Joe Hewitt heeft een puike tutorial gepubliceerd, 'AJAX Debugging with Firebug'. Met prima voorbeelden hoe je o.a. console functies en breakpoint debugging toepast. Even snel zien waarom Firebug 'web developer tool of the year' wordt genoemd? Bekijk hier een screencast.

Update voor IE Developer Toolbar

Microsoft heeft een nieuwe versie van de IE Developer Toolbar uitgebracht. Deze versie zou het leven van de webdeveloper iets moeten vergemakkelijken aangezien deze toolbar in elk geval 1 van mijn favoriete features van Firebug implementeert: Trace Style ofwel de mogelijkheid om te zien waar een bepaalde style gedefinieerd is.

De features voor IE Developer Toolbar Beta 3 zijn:

UI refresh - A single button on teh toolbar that opens the DOM inspector and reorganised menus
Style tracer - Find where the style is defined by right clicking on the style attribute in teh right pain
View Source - Both the generated and original source as well as the source for the selected elements.

My take: Op mijn IE7 installatie werkt de Style Tracer niet en getuige de comments op het Microsoft IE Blog zijn er meer mensen die daar last van hebben.

Debugging: stacktraces

Een van de dingen die PHP lang niet (standaard) gehad heeft is een stacktrace mogelijkheid. Een stacktrace is een overzicht van hoe je op een bepaald punt in je script beland bent. Een klein voorbeeldje:

stacktrace

(more...)