67

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

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

4

6 回答 6

65

替代文字
(来源:fidelitydesign.net

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

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

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

于 2010-07-08T13:02:47.033 回答
13

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

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

我希望有一天他们能让 JavaScript 在Firebug的脚本面板中可编辑。

于 2012-09-27T05:58:36.107 回答
13

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

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

或者...

只需右键单击页面上的任何元素。选择“inspect element” 在inspector工具栏的最右边,有一个noteblock“Scratchpad”,按下它。

在此处输入图像描述

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

在此处输入图像描述

在此处阅读更多信息。

于 2013-11-14T09:37:42.217 回答
4

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

于 2010-07-08T12:59:30.097 回答
2

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

于 2010-07-08T13:01:51.903 回答
2

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

于 2011-11-21T11:35:01.283 回答