10

htmlでJavascriptによって行われた変更を検査できるように、FirebugでJavascriptをフリーズするにはどうすればよいですか？たとえば、jQueryのロールオーバー効果があり、その時点でhtmlコードを検査したい場合。

Dreamweaver CS4には、フリーズjavascriptとライブコードというタイトルのこの機能があると思います。Firebugまたは別のFirefox拡張機能のいずれかに無料の同等のものはありますか？

4

5 に答える 5

6

Break on mutate（htmlタブが選択されているときの一時停止ボタン）は、この機能に最も近いものです。次に何かが変更されたときに一時停止します。それはあなたが望むもののほんの一例ですが、役に立つかもしれません。

于 2010-09-10T15:51:20.977 に答える
6

「フリーズ」とは、デバッグを意味すると思います。そうです、Firebugには間違いなくそれがあります。

まず、Firebugの[スクリプト]タブに移動する必要があります。サイトでスクリプトが無効になっている場合は、有効にします。

次に、ドロップダウンに移動して、デバッグするJavaScriptファイルを選択します。これは通常、インラインJavaScriptを使用するページ自体、またはリンクされたページのいずれかです。フリーズするコードの行を見つけて、行番号の左側をクリックします。赤い点が表示されます。この点は、実行中にコードがフリーズすることを示します。コードがそこにあると、[HTML]タブに移動して現在のHTMLにアクセスできます。また、Firebugのスクリプトペインの右上隅にあるアイコンが点灯し、コードの各行の実行を続行、ステップオーバー、ステップイン、またはステップアウトして、実行された各行のHTMLの変更を確認できます。

Firebugを使用すると、コードを1行ずつステップ実行できます。つまり、Firebugの場所がわからないため、最小化されたJavaScriptファイル（すべてのコードが1行に圧縮されている）はデバッグに非常に適しています。したがって、デバッグの目的で、最小化されていないバージョンのファイルを取得することを強くお勧めします。

さらにヘルプが必要な場合は、いくつかの優れたガイドが含まれているFirebugのドキュメントを確認することをお勧めします。

于 2009-05-12T19:41:54.563 に答える
2

正確にはfirefoxの機能ではありませんが、十分に近いように見えます（少なくとも私が質問を理解している方法では）：

  1. チートエンジンを入手
  2. Firefox プロセスを開く
  3. 「スピードハックを有効にする」にチェックを入れる
  4. 速度を 0 に設定
  5. 申し込み
  6. すべてのスクリプトが効果的に一時停止されました

こちらの JavaScript クロックでこれをテストできます。

同じことをするFirefox用のプラグインを誰も作成していないことに、私は少しがっかりしています。

于 2012-01-24T18:21:02.647 に答える
0

Firebug で、スクリプト タブに移動します。上部には、次のものが表示されます。

Inspect | all | <filename>

をクリックして、追跡する JavaScript を含むファイルを選択します。ファイルを選択したら、行番号をクリックしてブレークポイントを置きます (大きな赤い点が表示されます)。

複数のブレークポイントを異なるファイルに配置できます。ページを更新 (F5) してもブレークポイントは消えません。

このチュートリアルも役立つはずです。

于 2009-05-12T20:20:22.113 に答える
0

Firebug の [スクリプト] タブでは、Javascript にブレーク ポイントを設定できます。これにより、コードをステップ実行したり、監視を設定したり、他のデバッガーで行うことができるその他のことを実行したりできます。また、HTML タブに切り替えて、Javascript が「凍結」されている間に行われた変更を確認することもできます。

于 2009-05-12T19:41:41.753 に答える