☰

Chrome デベロッパー ツールで iframe をデバッグする 質問する

tag-icon • tag-icon debugging iframe google-chrome
Chrome デベロッパー ツールで iframe をデバッグする 質問する

Chrome 開発者コンソールを使用してアプリ内の変数と DOM 要素を確認したいのですが、アプリはiframe(OpenSocial アプリであるため) 内に存在します。

状況は次のようになります。

<containing site>
 <iframe id='foo' src='different domain'>
  ... my app ...
 </iframe>
</containing site>

開発者コンソールから で起こっていることにアクセスする方法はありますかiframe? を実行しようとすると、 が異なるドメインにあるdocument.getElementById("foo").somethingため、機能しません。iframe

iframeコンテンツを新しいタブで開くことはできません。iframeコンテンツを含むサイトとも通信できる必要があるためです。

ベストアンサー1

Chromeのデベロッパーツールには、上部にExecution Context Selector（ハットチップ）と呼ばれるバーがあります。フェリペ・サビーノ) は、現在のタブのコンテキストに応じて変わります。コンソール タブでは、そのバーにドロップダウンがあり、コンソールが動作するフレーム コンテキストを選択できます。このドロップダウンでフレームを選択すると、適切なフレーム コンテキストが表示されます。:D

クロームv59 Chrome バージョン 59

クロームv33 Chrome バージョン 33

Chrome v32以下 Chrome バージョン 32 以前

おすすめ記事