Skip navigation.

miscoded

the web is a hack

Posts tagged with "dragonfly"

Dragonfly articles

,

Two tutorials on using Opera Dragonfly (and other debuggers) by yours truly are out: debugging DOM issues on thinkvitamin.com and the brand new advanced JavaScript debugging on A List Apart. Hope you'll find them worth reading.

Script formatter user JS

, ,

The web is full of scripts that are "compressed" with all whitespace removed to make them download faster. Such scripts are hard to debug..

Here is a small user JavaScript which re-formats script source code to make those "compressed" files simpler to debug with Opera Dragonfly

Download User Javascript..

Note: this script is converted from PHP in a quick and messy way - apologies for any PHPisms, and for the variables that are still prefixed with a dollar sign. I've been using it for a while but I still find bugs and scripts that the formatter can not handle, so be prepared that there may still be some work to do.. Let's call it an alpha release :smile:

Dragonfly arriving

,

Dragonfly blog has details and download links. dev.opera.com has technical details and tutorials.

Now, this is an alpha release. Some issues you may have to overlook gracefully include:

  • If you enable breaking on every script, the debugger will also break when Opera runs browser.js or user scripts - but no code will appear in the code pane! You will have to click "run" one or more times to get past your user scripts.
  • It only responds every second time you press [F10].. :frown:
  • Live CSS editing is missing..
  • ..and so is HTTP logging and some other nice features that will arrive later.


That said, Dragonfly is already making itself useful in its present form. Have fun with it!