Opera releases Web page debugger

The Opera Dragonfly debugger can grapple with sticky JavaScript and HTML5 errors

Opera Software has embedded into its Web browser a beta set of tools, collectively called Dragonfly, that can help developers find errors in their complex Web pages, the company announced Monday.

"Dragonflies eat bugs, and that is exactly what we want [Dragonfly] to do for developers around the world," said David Storey, an Opera developer relationship manager, in a statement.

[ Get your websites up to speed with HTML5 today using the techniques in InfoWorld's HTML5 Deep Dive PDF how-to report. | Learn how to secure your Web browsers in InfoWorld's "Web Browser Security Deep Dive" PDF guide. ]

Dragonfly is not the first browser-based debugger. Mozilla, for example, offers Firebug, and Google's Chrome browser also features some built-in element inspection features as well. Dragonfly also offers the ability to debug Web pages on smartphones, televisions and other devices, by hooking them up to the developer's PC.

In open-source development for nearly five years, Dragonfly was designed to help Web page designers grapple with increasingly complex Web pages and Web applications.

"We were coming into an age where JavaScript was becoming popular again, and Ajax was the buzzword on everyone's lips. Creating complex Web applications without such tools made it hard to support Opera on those services," Storey said, in an interview on the Opera site.

The Opera Dragonfly can debug JavaScript code and can be used to inspect DOM (Document Object Modules), CSS (Cascading Style Sheets), and HTTP network packets. It includes a console that highlights errors, and a command line.

With the JavaScript debugger, developers can monitor specific variables or isolate the activity of a specific expression. The network inspector can be used to debug a slow-loading Web page, observing resources as they are downloaded.

In addition to JavaScript and associated Ajax technologies, the debugger also covers HTML5 and related next-generation standards such as SVG (Scalable Vector Graphics).

Dragonfly 1.0 can be enabled in the latest version, version 11.1, of the Opera browser.

Joab Jackson covers enterprise software and general technology breaking news for The IDG News Service. Follow Joab on Twitter at @Joab_Jackson. Joab's email address is Joab_Jackson@idg.com

From CIO: 8 Free Online Courses to Grow Your Tech Skills
Join the discussion
Be the first to comment on this article. Our Commenting Policies