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


JetBrains Improves Kubernetes Support In IDE Upgrades
12/11/2024

JetBrains has improved its IDEs with features to suggest the logical structure of code, to streamline the debugging experience for Kubernetes applications, and provide comprehensive cluster-wide Kuber [ ... ]



Sequin - Open Source Message Stream Built On Postgres
31/10/2024

Sequin is a tool for capturing changes and streaming data out of your Postgres database, guaranteeing exactly once processing. What does that mean?


More News

 

espbook

 

Comments




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

 

Last Updated ( Thursday, 04 December 2014 )