blob: a0a20ea69e08d4801e3ea304d350dc95be328047 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
---
title: 不推荐的工具
slug: Tools/Deprecated_tools
translation_of: Tools/Deprecated_tools
original_slug: Tools/不推荐的工具
---
<p>{{ToolsSidebar}}</p>
<p>在devtools的开发过程中，我们添加了几个实验面板来尝试新的想法。并不是所有这些都被广泛采用，而且由于维护成本的原因，很少使用的面板最终被移除。</p>
<p>我们已经创建了这个不推荐使用或删除的面板列表。此页记录不推荐使用的面板和跟踪其删除的错误。尽管这些面板已经被删除，但是您仍然可以访问旧代码，并且有其他的web扩展，您可以尝试获得类似的功能。</p>
<p><br>
当我们否决某个小组时，我们首先从社区获得反馈，以确定删除该小组的影响。一旦我们决定移除面板，我们将提供一条警告消息，最后，我们将从代码库中移除面板。</p>
<p><br>
尝试激活已弃用的面板时，可能会看到警告消息，如下图所示：</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16546/devTool_settings_deprecated_notice.png" style="border: 1px solid black; display: block; height: 504px; margin: 0px auto; width: 2558px;"></p>
<p>此外，如果打开其中一个工具的面板，您还将看到有关删除该工具的警告消息。</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16544/deprecated_tool_notice.png" style="border: 1px solid black; display: block; height: 498px; margin: 0px auto; width: 2558px;"></p>
<h2 id="草稿行">草稿行</h2>
<p>从firefox 70开始，scratchpad将被弃用 ({{bug(1565380)}}).</p>
<p>它将在将来被删除（目前版本号未知) （{{bug(1519103)}}).</p>
<h3 id="说明">说明</h3>
<p>scratchpad提供了一个测试javascript代码的环境。您可以编写、运行和检查与网页交互的代码的结果。</p>
<p><img alt="Screenshot of the Scratchpad window with a deprecation message" src="https://mdn.mozillademos.org/files/16859/Screen_Shot_2019-08-26_at_08.08.11.png" style="height: 1012px; width: 1282px;"></p>
<h3 id="选择">选择</h3>
<p>您可以在web控制台中编写多行javascript代码，使其类似于scratchpad。如果您在控制台中输入的javascript代码可以解释为多行语句的开头, <kbd>Enter</kbd> 在输入中添加新行，您可以使用 <kbd>Ctrl + Enter</kbd> (<kbd>Cmd + Enter</kbd> 在 macOS).</p>
<p><img alt="Screenshot of the Webconsole multiline input, showing an evaluation with a Syntax Error and another, correct one." src="https://mdn.mozillademos.org/files/16860/Screen_Shot_2019-08-26_at_08.18.26.png" style="height: 1166px; width: 1864px;"></p>
<p>在计算时，输入不会被清除，这使得在代码片段上快速排列成为可能。</p>
<p><br>
结果显示在控制台输出中，在输入的右侧，提供即时反馈。与scratchpad不同，错误在输出中以可扩展的stacktrace正确显示，这使得调试当前编写的代码更加容易。</p>
<h2 id="WebIDE和连接页">WebIDE和连接页</h2>
<p>WebIDE在Firefox 69中被弃用</p>
<p>从 Firefox 70 弃用 ({{bug(1539451)}}).</p>
<p>从 Firefox 71 删除 ({{bug(1539462)}}).</p>
<h3 id="说明_2">说明</h3>
<p>webide允许您将firefox开发工具连接到远程浏览器，比如firefox for android。它还旨在支持firefox操作系统的应用程序开发。</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16613/WebIDE_68.png" style="display: block; height: 632px; margin: 0px auto; width: 600px;"></p>
<h3 id="选择_2">选择</h3>
<p>远程调试可在 “关于：从Firefox 68开始调试” 中找到。未移植到about的功能有：wifi调试，firefox for android，应用程序开发。已计划但尚未移植的功能：远程浏览器屏幕截图和编辑远程浏览器配置。有关邮件列表线程的更多详细信息。</p>
<h2 id="Canvas_调试器">Canvas 调试器</h2>
<p>Bugzilla 问题: {{bug(1403938)}}</p>
<p>从Firefox 67删除</p>
<h3 id="说明_3">说明</h3>
<p>canvas调试器允许用户检查canvas元素并查看给定函数的调用频率。由于没有使用，它被弃用了。</p>
<p><br>
我们没有画布调试器的专用文档。</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16543/canvas_tool.png" style="display: block; margin: 0 auto; width: 800px;"></p>
<h3 id="Alternatives">Alternatives</h3>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/spector-js/#&gid=1&pid=2" id="docs-internal-guid-836d1256-7fff-1e5e-9c9c-357ae6e43dba" style="text-decoration: none;"><u>Spector.js</u></a><span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span>是一个webextension，可以为这些特性提供3d说明文。</p>
<h2 id="Web_Audio_editor（网络音频编辑器）">Web Audio editor（网络音频编辑器）</h2>
<p>Bugzilla 问题: {{bug(1403944)}}</p>
<p>从Firefox 67删除</p>
<h3 id="说明_4">说明</h3>
<p>web音频编辑器允许您检查在页面中构造的音频上下文，并提供其图形的可视化。这提供了其操作的高级视图，并使您能够确保所有节点都按预期方式连接。可以为图中的每个节点编辑audioparam属性。一些非AudioParam属性，如振荡节点的类型属性，也被显示和编辑。由于没有使用，它被弃用了。</p>
<p><br>
更多关于<a href="/en-US/docs/Tools/Web_Audio_Editor">Web Audio Editor</a></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16548/webAudio_tool.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p>
<h3 id="选择_3">选择</h3>
<p>替代方案包括 <a href="https://github.com/google/audion">AudioN</a> 和 <a href="https://github.com/spite/WebAudioExtension">https://github.com/spite/WebAudioExtension</a> web extensions.</p>
<h2 id="Shader_editor">Shader editor</h2>
<p>Bugzilla 问题: {{bug(1342237)}}</p>
<p>从Firefox 67删除</p>
<h3 id="说明_5">说明</h3>
<p>The Shader Editor</p>
<p>允许用户检查和编辑webgl顶点和片段着色器的源。由于使用和维护成本较低，已弃用。</p>
<p><br>
更多关于<a href="/en-US/docs/Tools/Shader_Editor">Shader Editor</a></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16547/shaderEditor_tool.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p>
<h3 id="Alternatives_2">Alternatives</h3>
<p>此面板的另一个选择是此扩展：<a href="https://github.com/spite/ShaderEditorExtension">https://github.com/spite/ShaderEditorExtension</a>, 或 <a href="https://addons.mozilla.org/en-US/firefox/addon/spector-js/#&gid=1&pid=2">Spector.js</a> 还支持一个着色器编辑器，该编辑器需要一个库来使用着色器重载器挂钩。目前只有巴比伦图书馆。</p>
|
