1だけ。
HTMLタブにて要素を右クリックメニューから「属性変更時にブレーク」が使えそう。
▽2
●
rouge_2008 ●60ポイント ベストアンサー |
Google Chromeで1と3が可能でした。
1)右クリック→「要素を検証」で「Elements」を表示したら、コードの任意の要素を右クリックして「Break on attributes Modifications」にチェックを入れるといいです。
※「Break on subtree Modifications」にチェックを入れておくと、サブツリーに要素が追加・削除等の変更が行われた時にもブレークします。
※javascriptによって追加された要素のCSSの変更を対象にしたい場合は、要素が追加されている状態で「Break on attributes Modifications」にチェックを入れる必要があります。(※削除後に追加された同じHTML要素は対象外です。)
http://code.google.com/intl/ja/chrome/devtools/docs/scripts-breakpoints.html#dom
3)「Resources」を表示している状態で、右上の検索窓で検索すると、左ツリーの各ファイル名の右横に検索数が表示されます。(※エンターキーでファイルをまたいで該当行に飛びます。)
【追記】
3についてですが、Firebugで「スクリプト」タブを表示した状態で右上の検索窓で検索すると、該当数は表示されませんが、エンターキーでChromeと同じように各ファイルをまたいで該当行に移動します。
※入力欄にフォーカスするとダイアログが表示されますので、「複数ファイル」にチェックを入れてください。