从第三方将 Css 注入 iframe

Posted 2023-03-06

【中文标题】从第三方将 Css 注入 iframe

【英文标题】：Inject Css into iframe from third party

【发布时间】：2016-05-13 07:34:20

【问题描述】：

我们可以将一堆 CSS 文件注入到来自第三方的 iframe 中，比如托管广告的 OAS 吗？如果可能的话，将不胜感激。

【参考方案1】：

通过使用 jQuery 选择器，您应该能够做到这一点。但是对 iframe 内容不应该有任何限制（即它应该来自同一个域）

html 更新：

$('iframe').contents().find("body") 会得到你的身体对象

$('iframe').contents().find("head") 会得到你的头对象。您可以在此处添加样式

详情请参考本教程

http://code.tutsplus.com/tutorials/how-to-inject-custom-html-and-css-into-an-iframe--net-22826

还有这个

https://github.com/NETTUTS/Inject-HTML-and-CSS-into-iFrame/blob/master/iframe.html

如果 iframe 来自不同的域，则由于http://javascript.info/tutorial/same-origin-security-policy 是不可能的

【讨论】：

Consider adding more content to your answer.

这是同一域上 iframe 的示例......我需要了解 CSS 文件是否可以从第三方注入到 iframe 中

如果它来自不同的域，则不可能。更新了答案