Web Developer Tool Enhancements in Firefox 34/35 |
Written by Ian Elliot |
Thursday, 04 December 2014 |
Firefox 34 was released on December 1st and users in the US will notice, and some may be annoyed, that Yahoo is now the default search engine. If you are a web developer there are welcome changes.
The Storage Inspector is new in Firefox 34 - although as it is disabled by default you won't notice it until you enable it. It lets you to inspect various types of storage that a web page can use and currently it can be used to inspect the following:
For the time being, the Storage Inspector only provides a read-only view of storage. but Mozilla is working to make it possible to edit storage contents in future releases. The Storage Inspector's storage tree lists all the storage types that it can inspect. For each type, it has a list of all possible origins available. An origin is the domain or hostname for different storage types. The tree is live, so if a new origin gets added (by adding an iframe, for example), it will be added to each storage type automatically. A new Performance Tool has been added to Firefox 34, and elaborated on in Firefox 35. It replaces the JavaScript sampling profiler. and adds a frame rate timeline to help gauge responsiveness. More features are planned for future releases.
Another new feature is frame switching which is explained in this video:
There are enhancements to the Page Inspector in both Firefox 34 and 35. jQuery events are visible in the Element pop-up from Firefox 34 onwards and DOM properties are shown from Firefox 35 onwards. From this version you can inspect pseudo-elements added to the HTML tree in the HTML pane using In Firefox 35 CSS source maps, a feature added in Firefox 29 and explained in the following video, are enabled by default.
There are numerous enhancements to JavaScript in both Firefox 34 and 35 where are listed in their developer release notes.
More InformationRelated ArticlesFirefox Developer Edition - Not So Much A Birthday Present ... Firefox 31 Beta Full Of New Developer Features Mozilla Developer Network Redesign
To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, Facebook, Google+ or Linkedin, or sign up for our weekly newsletter.
Comments
or email your comment to: comments@i-programmer.info
|
Last Updated ( Thursday, 04 December 2014 ) |