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