使用 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.js javascript 文件注入/包含到顶级文档和所有 iframe 中。 如果您只需要在 iframe 中注入 javascript 而不是在顶级文档中，您可以像这样检查content_frame.js文件：

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