我只能通过脚本面板查看网站的JavaScript文件。我怎么编辑它?我尝试了所有内容,例如双击我要编辑的行等,但它不允许我编辑它。
如果我转到 HTML 标签,我可以点击编辑按钮编辑HTML,但我无法编辑JavaScript。< / p>
答案 0 :(得分:63)
alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg
您可以使用Firebug控制台选项卡编写Javascript。在将代码集成到我的项目之前,我使用了相当多的代码快速原型。使用控制台时,javascript将在当前页面的上下文中执行。因此,当前为该页面定义的脚本可能会被重新发现。例如,在控制台窗口中,我可以这样做:
$ = function() { alert("Whoops"); }
...这将重新定义JQuery使用的$
函数。
答案 1 :(得分:13)
据我所知,只有Chrome的开发工具支持在 Sources 标签中编辑JavaScript(而不仅仅是通过命令行)。您可以添加Tincr或DevTools Autosave等扩展程序,Chrome会将更改保存到磁盘上的JavaScript文件中。所以它几乎是一个完整的JavaScript IDE。
否则,如果您使用的是Firebug,则必须在Command Editor中测试代码,然后打开文本编辑器并打开您在Firebug中查找的文件,然后在文本编辑器中添加这些更改并保存
我希望有一天他们能够在Firebug的Script panel内编辑JavaScript。
答案 2 :(得分:13)
Mozilla框架中内置了一个“Scratchpad”。这可以在Firefox中找到。
在“Web Developer”下的“工具”菜单中 - &gt;“Scratchpad”。
或者...
只需右键点击页面上的任何元素即可。 选择“检查元素” 在检查器工具栏上,从右到右,有一个音符块“Scratchpad”,按下它。
现在你得到一个带有语法高亮等的Javascript编辑器。从这里你可以打开/保存你的javascript源文件。
了解更多关于它here。
答案 3 :(得分:4)
在Firebug控制台中,您可以输入新的javascript。因此,只需根据需要重新定义函数或变量。
答案 4 :(得分:2)
你不能这样做。您应该使用javascript控制台重新定义函数。
答案 5 :(得分:2)
您也可以使用fiddler 我使用它并且它很适合我。