J'aimerais utiliser la console développeur Chrome pour regarder les variables et les éléments DOM dans mon application, mais l'application existe à l'intérieur d'un iframe
(car c'est une application OpenSocial).
La situation est donc:
<containing site>
<iframe id='foo' src='different domain'>
... my app ...
</iframe>
</containing site>
Existe-t-il un moyen d'accéder à ce qui se passe iframe
depuis la console développeur? Si j'essaie de le faire document.getElementById("foo").something
, cela ne fonctionne pas, probablement parce que iframe
c'est dans un domaine différent.
Je ne peux pas ouvrir le iframe
contenu dans un nouvel onglet, car il iframe
doit également pouvoir parler au site contenant.
Actuellement, l'évaluation dans la console est effectuée dans le contexte du cadre principal de la page et elle respecte la même politique d'origine croisée que le cadre principal lui-même. Cela signifie que vous ne pouvez pas accéder aux éléments de l'iframe à moins que le cadre principal ne le puisse. Vous pouvez toujours définir des points d'arrêt et déboguer votre code à l'aide du panneau Scripts.
Mise à jour: ce n'est plus vrai. Voir la réponse de Metagrapher .
la source
Dans mon scénario assez complexe, la réponse acceptée pour savoir comment procéder dans Chrome ne fonctionne pas pour moi. Vous voudrez peut-être essayer le débogueur Firefox à la place (une partie des outils de développement Firefox), qui affiche toutes les «sources», y compris celles qui font partie d'un iFrame
la source
Sources
Lorsque l'iFrame pointe vers votre site comme ceci:
Vous pouvez accéder à iFrame DOM via ce genre de chose.
la source