フレームを使ったページでGoogle Chrome Developer Toolsのコンソールを使う

Pocket

フレーム(frameset)やインラインフレーム(iframe)で作られたページで、Google Chrome Developer Toolsの特定のフレームに対してコンソールを使う方法。

デフォルトではトップレベルのフレーム要素がコンテキストとして設定されているため、特定のフレーム内のDOMエレメントをJavaScriptコンソールで指定することはできません。
以下にあるようにコンソールを開いた時に見える下のバーのコンテキストリストからコンテキストを切り替えることができます。こうすればjQueryやPrototype.jsを使ってid名やクラス名を指定するなりしてDOMオブジェクトを取得することが可能となります。

参考

Debugging iframes with Chrome developer tools – Stack Overflow

投稿者紹介

株式会社ユニキャスト
私たちは、テクノロジに魅せられた個性あふれるメンバーによって構成された茨城県日立市に本社を構えるベンチャー企業です。
”テクノロジを通して「驚き」と「感動」を創造し、人々の「夢」と「笑顔」を支えます。” の経営理念をモットーに明るい未来を描き、ワクワクする企画提案を続けて参ります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください