8

Chromeのインスペクタには、コンソールで使用するフレームを選択するセレクタがあります。 Firebugにも同様のコマンド、cd(window.frames[number])があります。 Firefox Devtoolsに似たものはありますか?私はframe.window.evalがうまくいくと思うが、それはクロスドメインでない場合に限る。iFrame内でFirefoxインスペクタを実行するにはどうすればよいですか?

また、Webコンソールコマンドの結果を検査するハイライターがあるかどうか、たとえばdocument.getElementsByClassName(...)と思っていました。少なくとも要素のスタイルをプログラムで変更して「見る」ことができます。

+2

残念ながら、Webコンソールだけではなく、インスペクタのCSSスタイルのビュー/編集も、iframeを検査する際に壊れています。 https://bugzilla.mozilla.org/show_bug.cgi?id=880098 – NoBugs

答えて

2

DOMNodeオブジェクトは、Webコンソールのホバー上のページでハイライト表示され、「変数ビュー」と呼ばれます。 「変数ビュー」は、オブジェクトをクリックしてオブジェクトのプロパティ(サイドバーが表示されます)をクリックするとWebコンソールでも使用され、ブレークポイントで一時停止するとデバッガでも使用されます(さまざまなスコープ変数)。

DOMNodeがそこに表示されるたびに、その上にマウスを置くと、DOMNodeがページ内でハイライト表示されます。

iframeに関しては、webconsoleはcd()コマンドをサポートしています(working with iframesを参照)。

私たちはまた、現在のページにフレーム/ iframeがある場合はいつでもツールボックスにドロップダウンを追加し、一方から他方に簡単に切り替えることができるように、積極的にworking on a bugです。

関連する問題