Dragonfly

What is Opera Dragonfly?

Opera Dragonfly is a tool for developing and debugging local and remote webpages. It includes a DOM view of webpages and highlighting of elements. You can step through your JavaScript code, and quickly inspect changes to your CSS styles. You can debug your extensions and widgets, and study your application's impact on network resources.

One of the standout features of Opera Dragonfly is remote debugging. Remote debugging makes it possible to debug webpages as seen on a mobile phone or a television from your desktop.

The complete list of features in Opera Dragonfly is too long to detail here. For more information, see the following pages:

• Opera Dragonfly
• Opera Dragonfly 1.0 Field Guide
• Remote debugging

Opera Dragonfly is implemented as a web application, and updates occur automatically as soon as they are posted to the server. The application is open source, with an Apache 2.0 license.

How do I open Opera Dragonfly?

To open Opera Dragonfly, take one of the following steps:

• Right-click an element of the page, and select "Inspect Element" from the context menu.
• From the main menu, select Page > Developer Tools > Opera Dragonfly.
• Use the keyboard shortcut Ctrl + Shift + I.

How do I close Opera Dragonfly?

To close Opera Dragonfly, take one of the following steps:

• Click the close icon ("X") on the upper right side of the Opera Dragonfly window.
• From the main menu, uncheck Page > Developer Tools > Opera Dragonfly.
• As when opening, use the keyboard shortcut Ctrl + Shift + I.
• When the Opera Dragonfly window has focus, use the keyboard shortcut Ctrl + W, as with any other tab.

Related topics

• Source viewer
• Error console
• Opera Next

See also: Opera Developer Tools