Developer toolbox is exactly what it sounds; it is a set of many tools for developers to make their own extension. The toolbox also allows you the option for remote debugging and inspect the code that’s running in Thunderbird. The tools that are available to you are like: Web Console, Inspector, Debugger, Style Editor, Network Monitor, and much more.
Developer Toolbox in Thunderbird
To go to the developer toolbox, you can hit the keyboard shortcut key: Ctrl + Shift + I, go to ‘Tools’ -> Developers’ tools -> Developer Toolbox
In the earlier version of Thunderbird, you first have to enable the debugger server. This can be done by going to Tools and selecting Allow remote debugging. Now when you open the developers’ toolbox, you will get a prompt asking to allow the remote debugging, like showing below:
Click “OK” to start debugging.
The developer toolbox is like as shown below in the screenshot:
At the top, there will be all the different tools that you can go to, like: Inspector, Console, Debugger, Network monitor, and all the rest.
Below is some basic introductory information about each tool:
It’s the DOM and style inspector that helps you examine each element of the page in the Thunderbird. Click the inspector icon and then click the section in the Thunderbird window that you want to examine. It’s used to modify and examine the HTML or CSS code of the particular page/part of Thunderbird.
And then there are also network monitor and performance monitor, where you can see the network requests and the performance/responsive respectively. The performance panel shows you the details over some period of time that can help you examine the speed and resource utilization with precision. Network monitor can also help you in seeing the speed regarding how long each request to a network takes.
If you want, you can turn off all these different tools and leave only the ones that you want. To do so:
Click on the options icon at the top right side ->
Here you can see all the various settings and options for the developer toolbox that you want to modify according to your needs:
If you have the basic skills of developing apps, you will find this toolbox intuitive and self-explanatory. The UI is simple enough that you can start inspecting elements or changing the code as you want.