Opera

New to alpha 3

The latest alpha release fixes many of the most reported bugs in Opera Dragonfly. CSS editing has been enhanced and DOM editing is now supported-allowing text nodes and DOM attributes to be edited, added or removed. Opera Dragonfly alpha 3 now comes with support for mulitiple languages, with additional languages due to be released soon. An enhanced breadcrumb trail allows you to navigate the DOM tree more effectively.

Reach breaking point step by step

Opera Dragonfly's fully featured JavaScript debugger makes building sophisticated Ajax applications easier than ever. Step through your code line by line, setting break points along the way. This allows you to make sure your application and scripts are acting as you designed them.

Debug the DOM

View source isn't much use if you use DOM Scripting to alter the DOM. Opera Dragonfly allows you to inspect the updated DOM and all its properties. The DOM can be edited to experiment with changes directly in the browser.

Redefine your style

It's not just the DOM you can inspect. Check out what CSS rules apply to which element, and what rules are inherited or set by browser defaults. Overridden rules are highlighted so you can see what styles are or aren't applied. Use the CSS editing feature to tweak existing properties and values, as well as a handy auto-complete feature to make editing faster and more convenient.

Spot your errors

An improved error console allows you to see, filter and log any errors in your scripts, pointing to the exact position where the error occurred. Use this in combination with the other tools to hunt down and fix your site's bugs.

Debug your phone or TV

Debug pages whether they are on your computer or a supported device, such as a phone running Opera Mobile 9.5 for Windows Mobile. You can connect to any device running Opera Presto 2.1 or above, and debug using your computer's screen and keyboard-no need to struggle inputting test data with your phone's keypad again.