Existe-t-il un moyen de changer le contexte en iframe dans la console javascript ?

Question

Je voudrais changer le contexte du javascript exécuté dans l'outil de développement webkit/console firebug pour exécuter son code comme s'il était exécuté à l'intérieur d'un iframe sur la page.

Je sais que je pourrais le faire en ouvrant la page dans l'iframe sur une page séparée, mais je veux exécuter un code où il interagit avec le cadre parent.

Answer 1

Chrome 15 vous permet de modifier la portée de la console. En bas de la console, à côté du bouton "clear console", il y a un menu qui indique <top frame> qui donnera une liste des cadres disponibles :

Firefox dispose d'un caractéristique similaire actuellement en cours de développement :

---

Vous pouvez également naviguer entre les cadres en utilisant la ligne de commande :

var frame = document.getElementById("frame1").contentWindow;
cd(frame);

Answer 2

Vous pouvez exécuter du code dans <iframe> en utilisant le window.frames[x] fonctionnalité. Par exemple,

window.frames[0].runFunction()

Answer 3

Dans la version actuelle de Chrome (version 52), il suffit de sélectionner la iframe dans l'onglet "Éléments" des outils de développement. Tout ce que vous exécutez dans la console JS s'exécutera automatiquement dans le contexte de l'iframe sélectionnée.

Par exemple, ici j'ai sélectionné une iframe, et quand je tape document.location.pathname dans la console, il renvoie l'attribut src de l'iframe, au lieu de l'URL de la barre d'adresse :

Answer 4

cd(document.getElementsByTagName('iframe')[0]);

Answer 5

Pour la solution firebug, voir cette réponse sur une autre question de SO. Cependant, il ne fonctionne pas de manière inter-domaine comme la solution Chrome de Dennis.

Edit : Avec les nouvelles versions de firebug ils ont peut-être corrigé le problème de cross-domain.