使用 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
}