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: 

  • Cookies - All the cookies created by the page or any iframes inside of the page. Cookies created as a part of response of network calls are also listed, but only for calls that happened while the tool is open.

  • Local Storage - All local storage items created by the page or any iframes inside the page.

  • Session Storage - All session storage items created by the page or any iframes inside the page.

  • IndexedDB - All IndexedDB databases created by the page or any iframes inside the page, their Object Stores and the items stored in these Object Stores.

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.

ffstoragetree

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.

 

ffprofiler

 

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 ::before and ::after.

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.


firefoxdevelopertools

 

Banner


Grafana 11 Improves Metrics
11/04/2024

Grafana Labs, creators of the Grafana open-source metrics analytics and visualization suite, has announced the preview release of Grafana 11 with improvements to make it easier to view metrics, and ch [ ... ]



Spider Courtship Decoded by Machine Learning
07/04/2024

Using machine learning to filter out unwanted sounds and to isolate the signals made by three species of wolf spider has not only contributed to an understanding of arachnid courtship behavior, b [ ... ]


More News

 

raspberry pi books

 

Comments




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

 

Last Updated ( Thursday, 04 December 2014 )