0

JavaScript によって制御される素敵なホバー機能を使用しているページがあります。サイト全体で使用される JS ファイルが多数あるため、特定の時点で JS が制御しているものを教えてくれるツールがあるかどうか疑問に思っていました。 .

4

4 に答える 4

0

他の人が言ったように、Chrome の Web 開発者ツールバーを使用します。ソース パネルに移動し、左下隅にある小さな一時停止ボタン アイコンをクリックします。これにより、次の javascript コマンドが実行されるとすぐにデバッガーがアクティブになります。次に、ホバー機能をアクティブにします。デバッガーは、担当するコールバック関数で実行を一時停止する必要があります。

Google では、このドキュメント ページの下部で、この正確なシナリオについて実際に説明しています。

于 2013-01-18T16:46:01.603 に答える
0

Google Chrome で要素を右クリックし、[要素の検査] オプションをクリックします。[Elements] タブがアクティブな Chrome デベロッパー ウィンドウが表示されます。要素が強調表示された html 構造が表示されます。その要素を右クリックし、[ Break on...]サブメニューで 3 つのオプションすべてを有効にします。ホバー中に DOM の変更が発生すると、必要な場所でブレークポイントがトリガーされます。ただし、ホバー効果は JavaScript を少し使わなくても CSS 経由で実装できるため、この計画は簡単に失敗する可能性があることに注意してください。

于 2013-01-18T16:43:12.143 に答える
0

私はクロムと一緒に行きます。ページを読み込んで、関連するすべての JS を表示できます。

Chrome を使用している場合は、ボタンまたはその近くを右クリックし、[要素の検査] をクリックします。

今、あなたはすべてのグッズを見ることができます:)

于 2013-01-18T16:40:04.407 に答える
0

デバッグ ツールが必要です。そのようなツールの 1 つがコメントに記載されています: Chrome. デバッガーを有効にしたら、さまざまなイベントにブレークポイントを設定して、すべての JavaScript 内のコード フローをキャプチャする必要があります。詳細については、こちらをご覧ください

于 2013-01-18T16:40:15.483 に答える