你可以从Web开发者菜单(OS X 和 Linux 在“工具”菜单中,Windows系统在 ” Firefox“菜单下)中选择“切换工具”打开它,或通过已激活的任何工具(如:调试器、查看器)切换。

    By default, the window appears docked to the bottom side of the Firefox window, but you can detach it if you like. This is what it looks like when it's docked:

    The window itself is split into two parts: a toolbar along the top, and a main pane underneath:


    The toolbar contains controls to activate a particular tool, to dock/float the window, and to close the window:

    On the far left is a row of buttons to:

    • close the window
    • toggle the window between attached to the bottom of the browser window, and attached to the side of the browser window
    • toggle the window between standalone and attached to the browser window
    • access developer tool settings

    Then there is an array of labeled buttons which enables you to switch between the different tools hosted by the window. The array may include the following tools:

    Note that not all the hosted tools are always listed here: only the tools actually available in this context are shown (for example, not all tools support remote debugging yet, so if the debugging target is not the Firefox instance that launched the window, not all the hosted tools will be shown).

    Next there's a button to activate and deactivate the split console. This enables you to use the web console without switching away from the tool you currently have active.

    Finally, the icons at the far right enable you to launch various tools whose user interfaces are not hosted by the Toolbox:


    Clicking the "Settings" button gives you access to settings for the Toolbox itself and for the tools it hosts:

    Default Firefox Developer Tools

    This group of checkboxes determines which tools are enabled in the toolbox. New tools are often included in Firefox but not enabled by default.

    Choose DevTools theme

    This enables you to switch between a light and a dark theme:


    This setting is available from Firefox 27 onwards 

    Default color unit: a setting to control how colors are represented in the inspected: Hex, HSL(A), RGB(A), and by name.

    Web Console

    Enable persistent logs: a setting to control whether or not the console clears the output when you navigate to a new page.

    This setting is available from Firefox 28 onwards

    Enable timestamps: controls whether the Web Console displays timestamps. From Firefox 28 the Web Console defaults to hiding timestamps.

    JavaScript Profiler

    Show Gecko platform data: a setting to control whether or not profiles should include Gecko platform symbols.

    Advanced settings

    • Disable JavaScript: reload the current tab with JavaScript disabled
    • Enable chrome debugging: enable you to use developer tools in the context of the browser itself, and not only web content
    • Enable remote debugging: enable the developer tools to debug remote Firefox instances

    Main Pane

    The content of the main pane in the window is entirely controlled by, and specific to, the hosted tool currently selected.


    此页面的贡献者有: ziyunfei, c_king
    最后编辑者: ziyunfei,