title: Debugging iframes with Chrome developer tools
body: <p>I'd like to use the Chrome developer console to look at variables and DOM elements in my app, but the app exists inside an <code>iframe</code> (since it's an OpenSocial app).</p>
  
  <p>So the situation is:</p>
  
  <pre><code>&lt;containing site&gt;
   &lt;iframe id='foo' src='different domain'&gt;
    ... my app ...
   &lt;/iframe&gt;
  &lt;/containing site&gt;
  </code></pre>
  
  <p>Is there any way to access things happening in that <code>iframe</code> from the developer console? If I try to do <code>document.getElementById("foo").something</code>, it doesn't work, probably because the <code>iframe</code> is in a different domain. </p>
  
  <p>I can't open the <code>iframe</code> contents in a new tab, because the <code>iframe</code> needs to be able to talk to the containing site as well.</p>