html 有办法注入一个 iframe 内部,修改里面的 css 样式吗?

2021-02-09 16:33:16 +08:00
 LeeReamond

如题,现有一个需求是,自己使用 vue 搭建的 web 服务中,有页面是利用 iframe 直接嵌入别人做好的页面,因为做出来看效果挺好的,没必要再修改,而如果手动迁移到 vue 组件的话又太累了,所以就直接用 iframe 调用了。但是现在想添加一些动态响应的内容,比如应用切换到夜间模式的时候,该页面的背景颜色也能同步改成黑色之类的。

印象中有一些注入方式,很久没做过忘光了,有没有大佬能指点一下怎么做。

所有网页都是同源的,没有跨域问题

944 次点击
所在节点    问与答
3 条回复
kkocdko
2021-02-09 16:44:59 +08:00
iframe.contentWindow == 在 iframe 里头的 window
iframe.contentDocument == 在 iframe 里头的 document
LeeReamond
2021-02-09 17:33:39 +08:00
@kkocdko 和想像中不一样,试了一下同源确实是可以直接调用。可能记忆中是对非同源的注入方式吧,印象中很麻烦
daquandiao2
2021-02-09 17:34:56 +08:00
非同源肯定不行啊

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/752651

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX