Firefox 11 Brings 3D Debugging
Written by Ian Elliot   
Wednesday, 21 March 2012

Firefox has been improving its developer tools over the last few releases. The latest version 11 takes us into some new territory - 3D. 

The new "tilt" feature lets you view a 3D representation of the DOM. The depth of nesting of a page element is mapped to its depth in a 3D view. So. for example. a button nested in a set of divs would stand out higher than a button in the body of the page. Once you have the 3D page on the screen you can rotate it and zoom to see anything that takes your interest.You can also select any area and see the tag list that creates it just as you can in the standard 2D representation.

firefox3diprog

 

This is great but I doubt it really will help anyone understand the page or find a bug. In fact even the 2D view isn't quite as useful as the Firebug inspection facility. However, a lot of time has already been spent viewing all sorts of websites and generally have a good time zooming and panning. It is a really great demonstration of what you can do with WebGL. Perhaps this should be the way all websites are viewed all of the time?

You can also watch the video presentation which shows the 3D view in action:

      

 

We also have a new style editor which is very useful. It's an upgrade to the style editor in previous versions of Firefox which you can use to change the CSS of the current page. The big new feature is that instead of showing you a summary of styles and properties extracted from the page it now shows you the actual style sheet used. This means that you can experiment with changes until you get the page as you want it or as it should be and then you can save the style sheet locally.  This should really save time when fine tuning or debugging.

As well as developer tools the new version also includes SPDY (Google's go-faster version of HTTP). The idea is that if you encounter a site that offers SPDY you can take advantage of it or use HTTP if you don't want to be experimental. The feature has to be explicitly turned on.

The synchronization service has also been extended to include add-ons and you can now import user data from Chrome. Of course there have also been security and bug fixes, but oddly they didn't have to rush to patch a problem found in the recent Pwn2Own contest. It seems that this was already known about and fixed before the contest.

More Information

Download Firefox 11

Related Articles

Chrome, IE and Firefox Hacked at Pwn2Own

Mozilla Plans Metro Firefox For Windows 8

Firefox 10 - More For Developers

 

espbook

 

Comments




or email your comment to: comments@i-programmer.info

 

To be informed about new articles on I Programmer, subscribe to the RSS feed, follow us on Google+, Twitter, Linkedin or Facebook or sign up for our weekly newsletter.

 

Banner


Data Wrangler Gets Copilot Integration
11/11/2024

Microsoft has announced that Copilot is being integrated into Data Wrangler. The move will give data scientists the ability to use natural language to clean and transform data, and to get help with fi [ ... ]



CSS Ecosystem In the Spotlight
06/11/2024

The 2024 edition of the State of CSS has been posted, revealing that the latest features of the language not only do away with extra tooling, but even start taking on tasks that previously requir [ ... ]


More News

Last Updated ( Wednesday, 21 March 2012 )