工具箱

该工具箱集中提供了大部分开发工具并构建到了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)

接下来有一组按钮,可以从开发者工具箱选项添加或删除。在默认情况下这组按钮包含:

在默认情况下,以下工具不包括在工具栏中,但是你可以从设置中将它们添加进来:

工具箱的控制(Toolbox controls)

最后的一组按钮了:

  • 关闭窗口
  • 在停靠在浏览器底部和侧边之间切换
  • 在独立窗口和附加在浏览器窗口中显示之间切换
  • 访问开发者工具箱选项

选项

单击“选项”按钮()允许您访问工具箱本身和它所承载工具的设置项:

Depicts the Toolbox options

默认的 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控制台默认为隐藏时间戳。

样式编辑器

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.

文档标签和贡献者

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