Injecter javascript dans un iframe à l'aide de l'extension chrome

Il y a beaucoup de questions / réponses sur l'injection de javascript dans la page du document. Ce que je veux vraiment faire, c'est injecter javascript dans un iframe dans le document.

Pour être clair, cet iframe n'appartient pas au même domaine que le document. Je l'ai déjà essayé à travers la console (pas par extension), mais j'ai été incapable de le faire.

Je suis très curieux de savoir si cela peut être fait en utilisant une extension chrome?

Oui, vous pouvez utiliser la propriété content_scripts dans manifest.json comme ceci:

"content_scripts": [{ "matches": ["http://*/*", "https://*/*"], "js": ["content_frame.js"], "all_frames": true }], 

En définissant all_frames comme true vous injectez / incluez le fichier javascript content_frame.js dans le document principal et tous les iframes. Dans le cas où vous avez juste besoin de javascript injecté dans iframe mais pas dans le document principal, vous pouvez vérifier dans votre fichier content_frame.js comme ceci:

 if (parent === top) { // here you can put your code that will run only inside iframe }