From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/tools/tools_toolbox/index.html | 167 +++++++++++++++++++++++++++++ 1 file changed, 167 insertions(+) create mode 100644 files/zh-cn/tools/tools_toolbox/index.html (limited to 'files/zh-cn/tools/tools_toolbox/index.html') diff --git a/files/zh-cn/tools/tools_toolbox/index.html b/files/zh-cn/tools/tools_toolbox/index.html new file mode 100644 index 0000000000..b54074b7cf --- /dev/null +++ b/files/zh-cn/tools/tools_toolbox/index.html @@ -0,0 +1,167 @@ +--- +title: 工具箱 +slug: Tools/Tools_Toolbox +translation_of: Tools/Tools_Toolbox +--- +
{{ToolsSidebar}}

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

+ + + +

样式编辑器

+ + + +

JavaScript 分析器

+ + + +

编辑器首选项

+ +

CodeMirror 源代码编辑器偏好设置， 它包括在 Firefox 和几个开发人员所使用的工具，包括代码草稿纸和样式编辑器。

+ + + +

高级设置

+ + + +

Main Pane

+ +

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

-- cgit v1.2.3-54-g00ecf