该工具箱集中提供了大部分开发工具并构建到了Firefox中。
你可以从Web开发者菜单（OS X 和 Linux 在“工具”菜单中，Windows系统在 ” Firefox“菜单下）中选择“切换工具”打开它。或通过已激活的任何工具（如：调试器、查看器）切换打开。另外你可以按快捷键打开，Ctrl + Shift + I （Windows和Linux）、 Cmd + Opt + I （ OS X）。
默认情况下，工具箱窗口停靠在Firefox底边，但你可以根据自己喜好独立出来。下图为停靠在Firefox中的样子：
窗口本身分为两个部分：顶部工具栏 和 下面的主面板：
工具栏
该工具栏包含几个控制部分：激活特定工具、停靠/独立窗口、关闭窗口。
节点选择器（Node picker）
在最左边有一个按钮来激活节点选择器。允许您从页面中选择一个元素进行查看。查看“选择元素”。
工具箱托管的工具（Toolbox-hosted tools）
然后有一组标签按钮，允许您在工具箱中的不同工具之间切换。其中可能包括了以下工具：
注意：并不是所有集成的工具总是会完整的在这里列出：只有实际可用的工具才会在相应的情况下显示出来（例如，不是所有的工具都支持远程调试，所以如果调试目标不在当前Firefox中的实例，就不会显示所有的工具）。
附加工具（Extra tools）
接下来有一组按钮，可以从开发者工具箱选项添加或删除。在默认情况下这组按钮包含：
在默认情况下，以下工具不包括在工具栏中，但是你可以从设置中将它们添加进来：
- 高亮重绘的区域
- 3D 视图
- 代码草稿纸
- 从页面中抓取一种颜色
- 进行整页截图： Firefox 32新增。对一个完整的web页面进行截图并将它保存在您的下载目录
- 选择一个 iframe 作为当前的目标文档：Firefox 34新增。
工具箱的控制（Toolbox controls）
最后的一组按钮了：
- 关闭窗口
- 在停靠在浏览器底部和侧边之间切换
- 在独立窗口和附加在浏览器窗口中显示之间切换
- 访问开发者工具箱选项
选项
单击“选项”按钮（
）允许您访问工具箱本身和它所承载工具的设置项：
默认的 Firefox 开发者工具
通过启用这组复选框决定了哪些工具显示在工具箱中。新工具通常已经包实装在Firefox中但默认不启用。
可用的工具箱按钮
这组复选框决定“附加工具”工具栏中显示哪些按钮。默认启用节点选择器、切换分离式控制台和响应式设计模式。
Firefox 32添加了一个按钮用于完成网页的截图，默认情况不启用。
选择开发者工具箱主题
允许您在亮色和暗色主题之间进行切换：
常用首选项
该设置适用于多个工具。其中只有一个选项：
- 启用持续日志：如果您启用此选项，Web控制台将不会在您导航到新页面时清除已输出内容
查看器
- 控制是否显示浏览器样式：a setting to control whether styles applied by the browser (user-agent styles) should be displayed in the Inspector's Rules view. 该设置是在Firefox 32新增的。Note that this setting is independent of the "Browser styles" checkbox in the Inspector's Computed view.
- 默认颜色单元：设置查看器的表现颜色
- Hex
- HSL(A)
- RGB(A)
- 颜色名
Web 控制台
- 启用时间戳：控制Web控制台是否显示时间戳。从Firefox 28 开始Web控制台默认为隐藏时间戳。
样式编辑器
- 显示原始来源：当使用CSS预处理器支持源地图，这使得样式编辑器显示原始预处理器资源，而不是生成的CSS。了解更多关于样式编辑器支持CSS source maps。选中与此项，页面查看器的规则视图还将提供原始来源的链接。
- 自动补全 CSS：使拥有样式编辑器提供自动补全建议功能。
JavaScript 分析器
- 显示 Gecko 平台数据：该设置用来控制配置文件是否应该包括Gecko 平台符号表。
编辑器首选项
CodeMirror 源代码编辑器偏好设置， 它包括在Firefox和几个开发人员所使用的工具，包括代码草稿纸和样式编辑器。
- 检测缩进：基于当前内容进行新行自动缩进
- 自动关闭括号
- 使用空格缩进
- 缩进尺寸
- 快捷键绑定：选择默认CodeMirror快捷键或几种流行编辑器的快捷键
- Vim
- Emacs
- Sublime Text
高级设置
- 禁用缓存：禁用浏览器缓存来模拟首次加载性能。从Firefox 33起该设置被加入进来，意味着如果它被开启，打开工具箱时缓存将被禁用。当工具箱关闭时缓存将被重新启用。
- 禁用JavaScript：重新加载当前标签页，并禁用JavaScript
- 使服务通过HTTP工作：enable Service Worker registrations from insecure websites
- 启用chrome及附加组件调试 （Firefox 38.0.5b3及以下)）或 启用chrome及附加组件调试工具箱（Firefox 40.0 a2及以上）：使您能够使用开发工具调试浏览器环境，不仅仅只是Web内容
- 启用远程调试：允许开发者工具调试远端Firefox实例
Main Pane
The content of the main pane in the window is entirely controlled by, and specific to, the hosted tool currently selected.