javascript - ブラウザで実行中の JavaScript を動的に変更するためのツールはありますか?

Question

ブラウザで実行中の JavaScript を動的に変更するためのツールはありますか? たとえば、実行時に JavaScript 変数の値を変更します。

score 5 · Accepted Answer

したがって、Firebug は本当に最良のオプションの 1 つです。または、Visual Studio を所有している開発者で、IE を使用してデバッグしたい場合は、それを行うことができます。Firefox を使用して Firebug でこれを行うと仮定しましょう。

まず、コードを変更する場所を決定し、いじり始めたい行の直前に次の行を配置します。

debugger;

これにより、Firebug はその時点でスクリプトの実行を停止し、その時点でコードをステップ実行して変数の値を変更できます。

Firebug のスクリプトウィンドウのコード行の左側をクリックして、Firebug を使用してブレークポイントを配置することもできます。

Firebug ブレークポイントのスクリーンショット

score 4 · Accepted Answer

4

Firebug 、または Venkman Javascript Debugger 。

于 2008-11-01T17:16:11.273 に答える

score 3 · Accepted Answer

ここで JavaScript シェルを調べます。ブラウザのデバッガのようなものです。アクティブなドキュメントオブジェクトで任意の JavaScript 関数を実行/変更できます。

ソース/サーバーにアクセスできないサイトで、他の人のjavascriptをデバッグ/処理するのに非常に便利です。

タブ補完があると言いましたか？それは素晴らしいです。

score 2 · Accepted Answer

Opera 9 にはDragonfly (FireBug に相当) がバンドルされており、JavaScript をオンザフライで編集できることも理解しています。とにかく、それを含める時間がなかったとしても、少なくとも来る機能です.

score 1 · Accepted Answer

他の人が述べたように、Firebug を使用すると、JavaScript にブレークポイントを設定できます (ただし、JavaScript が外部ファイルではなく HTML ドキュメントにある場合、ブレークポイントをヒットすることに大きな成功はありませんでした)。ランタイム。

また、DOM オブジェクトとすべてのプロパティ (JavaScript 変数を含む) を表示することもできます。

Firefox 以外のブラウザーで動作するFirebugの Lite バージョンもあります。

score 1 · Accepted Answer

1

Firebugを見てください

于 2008-11-01T17:16:56.200 に答える

score 0 · Accepted Answer

Mozdev にはMozREPLというツールがあります。オンザフライでコードを変更および再定義できるだけでなく、基盤となるブラウザーコードにもアクセスできます。それは本当にクールです。

それは、コードの実行を開始するために、(ローカルホストからのみ) telnet セッションをそれにアタッチすることができるように、コンピューター amnmd のポートを開きます。また、localhost からではない接続に対してそのポートを開くこともできます.... (ただし、これは非常に安全ではなく、危険であることに注意してください)。

さまざまな領域のテキストを mozdev に直接送信できる emacs マイナーモードが付属しており、非常に優れた対話モードを提供します。さらに拡張して、emacs から直接 Firebug ブレークポイントを設定し、セレンテストを起動しました。基本的に、エディタからブラウザのスクリプトを作成できます。超カッコイイ。近いうちに、ソースコードをリリースする予定です。

score -3 · Accepted Answer

JavaScript にはeval () 関数があり、文字列を作成して実行できます。

<script type="text/javascript" language="javascript">
  example = function() {alert('first');}
  example();
  eval("example = function() {alert('second');}");
  example();
</script>

上記のコードは、eval を使用して既存のコードを変更する方法の例です。

@eyelidlessness、これは既存のコードを変更できることを示しています。質問を編集すると元の質問が明確になるため、私の回答は無効に見えますが、最初に投稿された時点では有効な点であり、元の投稿者は質問をより明確にする必要がありました。

javascript - ブラウザで実行中の JavaScript を動的に変更するためのツールはありますか?

8 に答える 8

Related

Reference