使用 chrome 扩展在 iframe 中注入 javascript

本文介绍了使用 chrome 扩展在 iframe 中注入 javascript的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

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

我很好奇这是否可以使用 chrome 扩展来完成?

推荐答案

是的，您可以使用 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}