Firefox Firebug Extension - Javascript機能をフリーズしますか？

Question

FirebugでJavascriptをフリーズすると、htmlファイルの変更を調べることができますか？たとえば、jQueryのロールオーバーの効果があり、その時点でhtmlコードを検査したいとします。

私は、Dreamweaver CS4にフリーズのjavascriptとライブコードというこの機能があると信じています。 Firebugや他のFirefox拡張機能に無料の同等機能はありますか？

Answer 1

「フリーズ」とはデバッグを意味すると思いますが、はい、Firebugには間違いありません。

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

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

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

さらに詳しいヘルプが必要な場合は、Firebug documentationをご覧ください。このガイドには良いガイドがあります。

Answer 2

Firebugの[スクリプト]タブでは、コードをステップ実行したり、時計を設定したり、他のデバッガで行うことができるJavascriptでブレークポイントを設定できます。また、HTMLタブに切り替えて、Javascriptがフリーズしている間にどのような変更が加えられたかを確認することもできます。

Answer 3

Firebugでは、スクリプトタブに行きます。上部には、次の情報が表示されます。

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

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

このtutorialもお手伝いします。

Answer 4

突然変異を解除（htmlタブが選択されている場合は一時停止ボタン）は、この機能に最も近いものです。次に何かが変更されたときには一時停止します。あなたが望むものの1つではありますが、役に立つかもしれません。

Answer 5

ない正確にFirefoxの機能が、（少なくとも方法で、私は質問を理解して）十分に近い表示されます：

1. CheatEngine
2. オープンFirefoxのプロセスを取得します
3. チェック "speedhackを有効にする"
4. 速度を0に設定する
5. 適用
6. すべてのスクリプトが効果的に一時停止します

これは、javascriptの時計hereでテストできます。

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