Scriptorama.nl

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.

Wat is DragonFly?

DragonFly, zal de webdeveloper - netzoals Firebug & WebInspector, alle benodigde tools geven om het client-side deel van een website te vergemakkelijken. Voor zowel de DOM, de CSS als Javascript zijn verschillende tools aanwezig, waaronder een Javascript debugger. Mensen die al bekend zijn met Firebug zullen zich vrijwel direct thuis voelen. De layout van de tools is namelijk zeer herkenbaar.

DragonFly is voorlopig nog een Alpha-versie, wat inhoudt dat het nog buggy is en dat nog niet alle functionaliteit geimplementeerd is. Zo ontbreekt nog een "Net panel", waarop te zien is hoe groot de huidige pagina is en hoe lang het downloaden van de verschillende componenten duurde. Ook ontbreekt nog de mogelijkheid om CSS direct te bewerken zoals nu al mogelijk is met Firebug en WebInspector. Al deze dingen zouden in een latere versie alsnog beschikbaar moeten komen.

Ondanks dat DragonFly wel een handige Console heeft waarin waarschuwingen en foutmeldingen in worden gerapporteerd is het wel jammer dat het niet de zeer handige logging functionaliteit (console.log() and friends) van Firebug heeft overgenomen. WebKit lijkt er wel interesse in te hebben voor WebInspector, dus wellicht zien we het nog in een update van DragonFly.

Cross-Browser DragonFly?

DragonFly bestaat uit twee delen: de user interface DragonFly en een soort 'server' module genaamd Scope. Opera geeft aan dat wanneer een browser een Scope implementatie maakt DragonFly in principe op andere browsers gebruikt kan worden:

Can I port Opera Dragonfly to another browser or user agent?

Yes, but Opera Dragonfly requires the Scope module to talk to the browser or user agent. You will have to port this module to the user agent you plan to support. The specifications for Scope will be published shortly.

Misschien wishfull thinking, maar misschien kan het IE8 team hier nog wat mee ;).

DragonFly downloaden

Je kunt een compleet pakket van Opera 9.5 en DragonFly downloaden vanaf de DragonFly product pagina. Daar vind je ook een complete tutorial voor het gebruik van deze developer tools.

Meer developer tools zien voor andere browsers? Check Scriptorama's ultieme overzicht van webdevelopment tools voor alle grote browsers!