Opera

New to alpha 4

Usability has been improved in alpha 4. Opera Dragonfly now detects the active tab or window, reducing the number of clicks required to get started. The layout has been optimized to be more compact, giving you more room to work. The new headline feature is the Network Inspector. This gives a quick overview of all requested resources and how long they take to be retrieved.

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.

Monitor the Network

The new Network Inspector allows inspection of the HTTP request and response headers. A summary of each request is shown, with the method type, response status and the time taken to be retrieved. Drill down to see full details of each requests header.

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.