如何在Firebug中编辑JavaScript?

TCM*_*TCM 67 javascript firebug edit

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

如果我移动到HTML选项卡,我可以通过单击编辑按钮来编辑HTML ,但我无法编辑JavaScript.

Mat*_*ott 64

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

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

$ = function() { alert("Whoops"); }
Run Code Online (Sandbox Code Playgroud)

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

  • 不要忘记单击"控制台"选项卡中的"显示命令编辑器"以获取firebug. (4认同)

Pav*_*kic 13

据我所知,只有Chrome的开发工具支持在Sources选项卡中编辑JavaScript (而不仅仅是通过命令行).您可以添加像TincrDevTools Autosave这样的扩展程序,Chrome会将更改保存到磁盘上的JavaScript文件中.所以它几乎是一个完整的JavaScript IDE.

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

我希望有一天他们能够在Firebug 的Script面板中编辑JavaScript .

  • FWIW [Firebug issue 5083](http://code.google.com/p/fbug/issues/detail?id=5083)要求允许在*Script*面板中即时编辑JavaScript. (2认同)

Max*_*and 13

Mozilla框架内置了一个"Scratchpad".这可以在Firefox中实现.

在"Web Developer" - >"Scratchpad"下的"工具"菜单中.

要么...

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

在此输入图像描述

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

在此输入图像描述

在这里阅读更多内容.

  • 请注意,在最新版本的Firefox中,您必须先启用此选项.在工具栏的右上角按配置轮图标("工具栏选项"),然后在标题"默认Firefox开发者工具"下选中"Scratchpad"复选框. (2认同)