如何在Firebug中编辑JavaScript?


67

我只能通过“脚本”面板查看网站的JavaScript文件。我该如何编辑?我尝试了所有操作,例如双击要编辑的行等,但它不允许我进行编辑。

如果移到HTML选项卡,则可以通过单击“编辑”按钮来编辑HTML ,但不能编辑JavaScript。

Answers:


65

替代文字
(来源:fidelitydesign.net

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

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

...这将重新定义$JQuery使用的功能。


4
不要忘记单击“控制台”选项卡中的“显示命令编辑器”以查找Firebug。
Anup_Tripathi

13

Mozilla框架内置了一个“ Scratchpad”。可以从Firefox中访问。

在“工具”菜单中的“ Web开发人员”->“便签本”下。

要么...

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

在此处输入图片说明

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

在此处输入图片说明

在此处阅读更多内容。


2
请注意,在最新版本的Firefox中,您必须先启用此选项。在工具栏的右上角,按转盘图标(“工具栏选项”),然后在标题“默认Firefox开发人员工具”下选中“ Scratchpad”复选框。
大安

13

据我所知,只有Chrome的开发工具支持在其“源代码”标签中(而不只是通过命令行)编辑JavaScript 。您还可以添加诸如TincrDevTools Autosave之类的扩展名,Chrome会将更改保存到磁盘上的JavaScript文件中。因此,它几乎是一个完整的JavaScript IDE。

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

希望有一天,他们将使JavaScript在Firebug的“脚本”面板中可编辑。


2
FWIW Firebug问题5083要求允许在“脚本”面板中即时编辑JavaScript 。
塞巴斯蒂安·扎特纳

4

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



2

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


提琴手似乎是个好主意。这是一个外部应用程序,拦截Web请求,这样就可以使的JS等实时编辑
not2qubit
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.