Skip to main content

Opera Dragonfly 1.0 Browser Debugging Tool Released

Opera Software has just released the first official version of Dragonfly, the web developer toolkit which ships with the Opera web browser. Opera Dragonfly was first introduced in version 9.5 in 2008 and was in beta ever since. But now Dragonfly is ready for prime time and offers several compelling features you won’t find in competitor products such as Firebug.

Dragonfly allows debugging of the HTML DOM, Javascript, CSS and more, similar to Firebug and developer tools found in other browsers. A user can set breakpoints and watches, alter scripts on-the-fly, execute statements in the current environment from a console, and audit page resources and local storage.

opera-dragonfly

Opera Dragonfly also has a few extra tricks up its sleeve like color picker and color palette feature, a network inspector that allows you to write custom requests and a revamped JavaScript debugger. Dragonfly’s DOM Inspector is an excellent one when compared to similar functions on competitor product. You can examine HTML element nodes, text and CSS properties and even debug and edit SVG graphics on the fly. It is possible to view the data stored by your application, and monitor network traffic. A Resource Inspector allows you to preview the assets used in your site or application.

Dragonfly also features a new remote debugging feature which allows to debug, from a desktop Opera instance, a webpage opened on a handheld or other device. The remote debugging features work with any device that can run Opera, including tablets, phones and TVs.

For a complete overview of the features available on Dragonfly visit this page. Or watch this video.

If you want to give Dragonfly a try, just download a copy of Opera browser and launch from Tools > Advanced > Dragonfly from the menu or press Ctrl+Shift+I. Dragonfly will be downloaded or updated when you use it. You can also access it by right-clicking on any element within a page and selecting “Inspect Element.”

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.
17 comments
Read more

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used:
Post a Comment
Read more

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more