Posts Tagged ‘debug’

Opera Dragonfly : Opera’s Web Development Tool

Some time ago Opera Software announced that they would open-source their web development tool, called Dragonly. On the 14th of March Opera Software announced the first beta version of Dragonly after it became open-source. This release came few days before the Opera 11.10 Beta Browser release. Dragonfly is a Firebug-like tool that aims to aid the web developer and designer on the development and debugging process.

Technologies

Dragonly provides support for the latest web technologies, such as HTML5 APIs and SVG files. I will present you the Dragonfly capabilities later on the screenshot tour.

Installation

Opera comes with Dragonly pre-installed. In order to use the beta version do the following:

  1. In the Opera’s address bar type opera:config#DeveloperTools|DeveloperToolsURL, or else type opera:config and search for the keyword “develop“.
  2. Replace the “Developer Tools URL” with https://dragonfly.opera.com/app/cutting-edge/ (it was https://dragonfly.opera.com/app/).
  3. Use Ctrl+Shift+I to start Dragonfly. You can alternatively started by right click -> Inspect Element on a page.

Screenshot Tour

Read the rest of this entry »