The document discusses new developer tools that were presented at the Firefox Developers Conference 2015 in Tokyo. These tools allow developers to inspect and tweak the DOM, CSS, JavaScript, audio, and network requests of a web page to help debug and optimize their code. New tools introduced include an audio filter, canvas editor, style editor, animation tools, and improvements to the debugger, performance monitor, and memory profiler.

1. Inspection & Tweak
Firefox
Firefox Developers Conference 2015 in Tokyo

5. HTML + CSS + JavaScript

10. Web Audio API

11. var context = new AudioContext();
var audio = document.querySelector("audio");
var source = context.createMediaElementSource(audio);
var filter = context.createBiquadFilter();
source.connect(filter);
filter.connect(context.destination);

15. Network

16. Inspection & Tweak of DOM

17. Canvas Editor

18. Style Editor

19. Animation Tools

20. Storage

22. Inspection (& Tweak) JavaScript codes

23. Debugger

24. Performance

25. Memory