Customizable Layout for Firefox Developer Tools

[0x78f1935]

Description: Currently, Firefox’s Developer Tools allow the positioning of panels in a limited number of locations. I would like to request an enhancement to the Developer Tools UI that allows users to freely dock or undock panels to any edge of the browser window (bottom, left, or right).

Feature Request:

• Ability to dock the console to the bottom of the screen.
• Ability to dock additional panels (like Network, Inspector, etc.) to the left or right side of the window.
• Customizable layout options so users can adjust the positioning of each panel for an optimal debugging workspace.

Use Case: As a developer, I often find that the default positioning of the developer tools doesn’t suit my workflow. Having the ability to place the Console at the bottom, and other tools on the sides, would allow me to minimize the clutter in the main browser window and optimize my screen space. For example:

• The console could be on the bottom for easy access while inspecting elements on the page.
• Other tabs (like Inspector or Network) could be placed on the left or right, depending on my screen real estate, to prevent overlap and better organize the information I’m working with.

This customization would make debugging smoother and allow developers to tailor the layout to their needs, particularly when managing complex or multi-panel workflows.

Benefit: This feature would improve the user experience by providing flexibility in how developers organize their workspace, leading to better efficiency and a cleaner, less cluttered interface while debugging.

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.