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。
回答:
Chromeのデベロッパーツールでは、上部にあるExecution Context Selector（h / t felipe-sabino）というバーが[要素]、[ネットワーク]、[ソース...]タブのすぐ下にあり、現在のタブのコンテキストに応じて変化します。[コンソール]タブでは、そのバーにドロップダウンがあり、コンソールが動作するフレームコンテキストを選択できます。このドロップダウンでフレームを選択すると、適切なフレームコンテキストが表示されます。：D
Chrome v59
Chrome v33
Chrome v32以下
現在、コンソールでの評価は、ページのメインフレームのコンテキストで実行され、メインフレーム自体と同じクロスオリジンポリシーに準拠しています。これは、メインフレームがアクセスできない限り、iframe内の要素にアクセスできないことを意味します。ただし、スクリプトパネルを使用してブレークポイントを設定し、コードをデバッグすることができます。
更新：これはもう当てはまりません。Metagrapherの回答を参照してください。
iFrameが次のようにサイトを指す場合：
<html>
<head>
<script type="text/javascript" src="/jquery.js"></script>
</head>
<body>
<iframe id="my_frame" src="/wherev"></iframe>
</body>
</html>
このような方法でiFrame DOMにアクセスできます。
var iframeBody = $(window.my_frame.document.getElementsByTagName("body")[0]);
iframeBody.append($("<h1/>").html("Hello world!"));