如何在Firebug中編輯JavaScript？

Question

我只能通過“ 腳本”面板查看網站的JavaScript文件。 我怎么編輯它？ 我嘗試了所有內容，例如雙擊我要編輯的行等，但它不允許我編輯它。

如果我移動到HTML選項卡，我可以通過單擊編輯按鈕來編輯HTML，但我無法編輯JavaScript。

Answer 1

_{（來源： fidelitydesign.net ）}

您可以使用Firebug控制台選項卡編寫Javascript。 在將代碼集成到我的項目之前，我使用了相當多的代碼快速原型。 使用控制台時，javascript將在當前頁面的上下文中執行。 因此，當前為該頁面定義的腳本可能會被重新發現。 例如，在控制台窗口中，我可以這樣做：

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

...這將重新定義JQuery使用的$函數。

Answer 2

據我所知，只有Chrome的開發工具支持在Sources選項卡中編輯JavaScript（而不僅僅是通過命令行）。 您可以添加像Tincr或DevTools Autosave這樣的擴展程序，Chrome會將更改保存到磁盤上的JavaScript文件中。 所以它幾乎是一個完整的JavaScript IDE。

否則，如果您使用的是Firebug，則必須在命令編輯器中測試代碼，然后打開文本編輯器並打開您在Firebug中查找的文件，然后在文本編輯器中添加這些更改並保存。

我希望有一天他們能夠在Firebug的Script面板中編輯JavaScript。

Answer 3

Mozilla框架內置了一個“Scratchpad”。 這可以在Firefox中實現。

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

要么...

只需右鍵單擊頁面上的任何元素即可。 選擇“檢查元素”在檢查器工具欄上，從右到右，有一個音符塊“Scratchpad”，按下它。

現在你得到一個帶有語法高亮等的Javascript編輯器。從這里你可以打開/保存你的javascript源文件。

在這里閱讀更多內容。

Answer 4

在Firebug控制台中，您可以輸入新的JavaScript。 因此，只需根據需要重新定義函數或變量。

Answer 5

你不能這樣做。 您應該使用javascript控制台重新定義函數。

Answer 6

你也可以使用fiddler 。
我用它，它對我來說非常好。