javascript - 使用 chrome 扩展在 iframe 中注入 javascript

Question

有很多关于将 javascript 注入文档页面的问题/答案。我真正想做的是在文档中的 iframe 中注入 javascript。

需要明确的是，该 iframe 与文档不属于同一域。我已经通过控制台（不是通过扩展）尝试了它，但无法这样做。

我很好奇这是否可以使用 chrome-extension 完成？

Answer 1

是的，您可以像这样在 manifest.json中使用content_scripts属性：

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

通过设置all_frames，true您会将content_frame.jsjavascript 文件注入/包含到顶部文档和所有 iframe 中。如果您只需要在 iframe 中注入 javascript 而不是在顶部文档中，您可以content_frame.js像这样检查文件内部：

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