3

マウスが要素に出入りするときに<div>内部を表示/非表示にするBootstrapツールチッププラグインがあります。<body><a>

<div>要素セレクターを使用してリンクを渡すと、新しいボディに追加されたものを確認できます。<div>しかし、新しいスタイルを調べるためにマウスをもう一度動かすと、もちろん<div>DOMから削除されます。

計算されたスタイルを検査するためにそれを選択するにはどうすればよいですか?ツールチップのスタイルがBootstrapリファレンスツールチップと少し異なるため、これが必要です。

4

2 に答える 2

9

Firebug 1.10に、「Break on ..」(alt-- ctrl)のキーボードショートカットが追加されましたb。これは、このような状況で非常に便利です(通常、マウスをFirebugに移動する必要があり、ポップアップが非表示になるため)。

  • Firebugを開き、「スクリプト」パネルに移動します。
  • ツールチップを表示するためにページで作業を行います
  • キーボードショートカットをクリックして、[次のブレーク]をアクティブにします。
  • マウスをツールチップから離します

ページ上のJSが実行される前に(たとえば、ポップアップを非表示にするJS)、Firebugは一時停止し、すべてを自由に検査できます。

于 2012-07-18T22:14:11.957 に答える
5

私が使用するちょっとしたトリックがあります。ツールチップが表示されているときにリンクを右クリックしてから、ファイアバグパネルに直接移動すると、ツールチップは消えません。

または、トリガーオプションを手動に設定して自分で表示することもできます:$('#sel').tooltip('show')

于 2012-07-18T05:23:32.183 に答える