web-dev-qa-db-ja.com

FirebugでJavaScriptを編集する方法は?

ScriptパネルでのみウェブサイトのJavaScriptファイルを表示できます。どうすれば編集できますか?編集したい行などをダブルクリックするなどのすべてを試してみましたが、編集できません。

[〜#〜] html [〜#〜]タブに移動すると、EditボタンをクリックしてHTMLを編集できますが、 JavaScriptを編集できます。

67
TCM

alt text
(ソース: fidelitydesign.net

Firebugコンソールタブを使用して、Javascriptを記述できます。プロジェクトに統合する前に、これを非常に多くのコードのラピッドプロトタイピングで使用します。コンソールを使用すると、現在のページのコンテキストでjavascriptが実行されます。したがって、そのページに対して現在定義されているスクリプトは、強力に再発見できます。たとえば、コンソールウィンドウでこれを行うことができます:

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

...そして、$ JQueryが使用する関数。

64
Matthew Abbott

私の知る限り、Chromeの開発ツールのみがSourcesタブ内でのJavaScriptの編集をサポートしています(コマンドライン経由ではありません)。 Tincr または DevTools Autosave およびChromeはディスク上のJavaScriptファイルへの変更を保存します。 JavaScriptの場合、ほぼ完全なIDEです。

それ以外の場合、Firebugを使用している場合は、 コマンドエディター でコードをテストし、テキストエディターを開いてFirebugで探しているファイルを開き、テキストエディター内にそれらの変更を追加し、セーブ。

Firebugの Scriptパネル 内でJavaScriptを編集できるようになることを願っています。

13
Pavle Lekic

Mozillaフレームワークには「スクラッチパッド」が組み込まれています。これはFirefox内から到達できます。

「Web Developer」->「Scratchpad」の下の「Tools」メニュー。

または...

ページ上の任意の要素を右クリックします。 「要素の検査」を選択します。インスペクターのツールバーの右端には、メモブロック「スクラッチパッド」があり、それを押します。

enter image description here

これで、構文の強調表示などを備えたJavascriptエディターが得られます。ここから、javascriptソースファイルを開いたり保存したりできます。

enter image description here

続きを読む こちら

13
Max Kielland

Firebugコンソールで、新しいjavascriptを入力できます。そのため、必要に応じて関数または変数を再定義するだけです。

4
jalf

fiddler を使用することもできます。
私はそれを使用し、かなりうまく機能しました。

2

できません。関数を再定義するには、javascriptコンソールを使用する必要があります。

2
Pavel Strakhov