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


The Appeal of Google Summer of Code
21/03/2024

With the list of participating organizations now published, it is time for would-be contributors to select among them and apply for Google Summer of Code (GSoC). Rust has joined in the program fo [ ... ]



Running PostgreSQL Inside Your Browser With PGLite
18/03/2024

Thanks to WebAssembly we can now enjoy PostgreSQL inside the browser so that we can build reactive, realtime, local-first apps directly on Postgres. PGLite is about to make this even easier.


More News

 

raspberry pi books

 

Comments




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

 

Last Updated ( Thursday, 04 December 2014 )