如何在 Firebug 中编辑 JavaScript？

Posted 2023-02-19

【中文标题】如何在 Firebug 中编辑 JavaScript？

【英文标题】：How to edit JavaScript in Firebug?

【发布时间】：2011-03-13 08:08:01

【问题描述】：

我只能通过 脚本 面板查看网站的 javascript 文件。我该如何编辑它？我尝试了所有方法，例如双击要编辑的行等，但它不允许我编辑它。

如果我移至 html 选项卡，我可以通过单击 编辑 按钮来编辑 HTML，但我无法编辑 JavaScript。

【参考方案1】：

_{（来源：fidelitydesign.net）}

您可以使用 Firebug 控制台选项卡来编写 Javascript。在将其集成到我的项目中之前，我使用了很多快速的代码原型。当您使用控制台时，javascript 在当前页面的上下文中执行。因此，当前为该页面定义的脚本可能会被重新定义。例如，在控制台窗口中，我可以这样做：

$ = function()  alert("Whoops"); 

...这将重新定义 JQuery 使用的 $ 函数。

【讨论】：

不要忘记从控制台选项卡中单击 Show Command Editor for firebug。

【参考方案2】：

Mozilla 框架中内置了一个“便签本”。这可以从 Firefox 中获得。

在“Web Developer”->“Scratchpad”下的“工具”菜单中。

或者……

只需右键单击页面上的任何元素。 选择“检查元素” 在检查器工具栏的最右侧，有一个便笺块“便签本”，按下它。

现在您将获得一个带有语法高亮等功能的 Javascript 编辑器。从这里您可以打开/保存您的 javascript 源文件。

阅读更多关于它的信息here。

【讨论】：

请注意，在最新版本的 Firefox 中，您必须先启用此选项。在工具栏的右上角，按下配置轮图标（“工具栏选项”）并在“默认 Firefox 开发人员工具”标题下选中“便签本”复选框。

【参考方案3】：

据我所知，只有 Chrome 的开发工具支持在其 Sources 选项卡中编辑 JavaScript（不仅仅是通过命令行）。你可以添加一个扩展，如Tincr 或DevTools Autosave，Chrome 会将更改保存到磁盘上的 JavaScript 文件中。所以它几乎是一个完整的 JavaScript IDE。

否则，如果您使用的是 Firebug，则必须在 Command Editor 中测试您的代码，然后打开您的文本编辑器并打开您在 Firebug 中查看的文件，然后在您的文本编辑器中添加这些更改并保存。

我希望有一天他们能让 JavaScript 在 Firebug 的 Script panel 中可编辑。

【讨论】：

FWIW Firebug issue 5083 要求允许在 Script 面板中即时编辑 JavaScript。

【参考方案4】：

在 Firebug 控制台中，您可以输入新的 javascript。因此，只需根据需要重新定义函数或变量即可。

【参考方案5】：

你做不到。您应该使用 javascript 控制台重新定义函数。

【参考方案6】：

您也可以使用fiddler。 我使用它，它对我来说效果很好。

【讨论】：

提琴手似乎是个好主意。它是一个拦截 Web 请求的外部应用程序，以便您可以对 JS 等进行实时编辑。