如何在Firebug中编辑JavaScript？

Question

我只能通过脚本面板查看网站的JavaScript文件。我怎么编辑它？我尝试了所有内容，例如双击我要编辑的行等，但它不允许我编辑它。

如果我转到 HTML 标签，我可以点击编辑按钮编辑HTML，但我无法编辑JavaScript。< / p>

Answer 1

alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg

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

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

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

Answer 2

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

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

我希望有一天他们能够在Firebug的Script panel内编辑JavaScript。

Answer 3

Mozilla框架中内置了一个“Scratchpad”。这可以在Firefox中找到。

在“Web Developer”下的“工具”菜单中 - ＆gt;“Scratchpad”。

或者...

只需右键点击页面上的任何元素即可。 选择“检查元素” 在检查器工具栏上，从右到右，有一个音符块“Scratchpad”，按下它。

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

了解更多关于它here。

Answer 4

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

Answer 5

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

Answer 6

您也可以使用fiddler 我使用它并且它很适合我。