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


Apollo Adds REST APIs For GraphQL
29/10/2024

Apollo has added a simpler way to integrate REST APIs into a federated GraphQL environment. Available now in public preview, can be used to map REST API endpoints to their GraphQL schema using a decla [ ... ]



Firefox 1.0 Released 20 Years Ago
10/11/2024

A news item with the headline "Firefox browser takes on Microsoft" from 20 years ago has attracted renewed attention. It was originally published on the BBC News website on November 9th, 2004 rec [ ... ]


More News

 

espbook

 

Comments




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

 

Last Updated ( Thursday, 04 December 2014 )