The purpose of about:debugging is to be a debugging hub to start inspecting your addons, processes, tabs and processes. This new version of about:debugging will also allow you to debug remote devices (Firefox for Android on a smartphone). The user should be able to connect either via USB or WiFi. This solution is supposed to replace the various existing remote debugging solutions available in Firefox DevTools, WebIDE and the Connect page.
To try about:debugging-new, the preference devtools.aboutdebugging.new-enabled
needs to be set to true in about:config
. After that, the UI is available by going to about:debugging
.
The about:debugging-new UI is built using React and Redux. The various React/Redux files should be organized as follows: