求教 iframe 引用页面，怎么隐藏该页面指定的 div？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2311 天前的主题，其中的信息可能已经有所发展或是发生改变。

A 站通过 iframe 引用 B 站的页面，只想展示 B 站的一部分区域，没有 B 站的操作权限，怎么在 A 站设置 B 站要隐藏或展示的区域？
目前知道的方法是通过设置 margin，不展示一些不想要的区域。那么有没有直接隐藏 div 的方式？求教

第 1 条附言 · 2018-01-05 17:53:20 +08:00

看来是比较……，难怪搜不到。
那么如果不通过 iframe，有没有什么别的方法可以引用页面，并隐藏指定 div ？

11 条回复 • 2018-01-05 18:09:55 +08:00

Egg

2018-01-05 17:03:27 +08:00

css opacity 0 希望可以帮到你

fe619742721

2018-01-05 17:06:52 +08:00

B 站页面是外站的话，你好像只能在 A 页面上动动手脚，iframe 引用外部 js 没办法影响到里面的内容，除非你能同时修改 B 站的 js

fe619742721

2018-01-05 17:08:08 +08:00

不考虑自适应的话，你可以在 A 站的 iframe 页面上通过绝对定位覆盖 div 上去覆盖 B 站内容，一个猜想，不一定能成

porwyn

2018-01-05 17:09:56 +08:00

@fe619742721 我之前使用过 V 小偷这个程序，他们可以镜像所有的网站，然后隐藏或替换掉一些区域，您这个是什么原理吗？我是看到他们可以这样做，然后才想着去掉 div 的，因为设置 margin 比较麻烦……

h4lbhg1G

2018-01-05 17:12:53 +08:00

B 站似乎有 N 种方式屏蔽 A 站的这种 iframe 啊，毕竟引用 iframe 的 A 站页面是会记录进 B 站的日志的。不管是 referer 还是 js 脚本，或者 X-Frame-Options: DENY 也行。

porwyn

2018-01-05 17:14:01 +08:00

@h4lbhg1G 不考虑屏蔽的因素~

h4lbhg1G

2018-01-05 17:22:41 +08:00

虽然我也不怎么懂前端，随手一搜有个[这个]( http://coursesweb.net/javascript/get-modify-content-iframe_t)

h4lbhg1G

2018-01-05 17:27:24 +08:00

哦这个要求同源，跨站的只能要对方给你权限(改一个 http 头)。或者你自己做一个反向代理，直接用在服务器上替换更改。我不懂了，等高人回答。

rogwan

2018-01-05 17:30:30 +08:00 via Android

不同源无后端权限还是别用这个方式，现代浏览器对跨站 frame 非常不友好了，最好还是 js 渲染数据

fe619742721

2018-01-05 17:49:00 +08:00

@porwyn 没有啥原理啊。。A 页面的 iframe 引用外面套一个父级 div，然后用 A 站的 div 去覆盖掉 iframe 窗口的某一部分。。
现在 iframe 限制非常严格了，很难动什么手脚，A 页面是完全不能对 B 页面内容做调整的，读取都做不到

oott123

2018-01-05 18:09:55 +08:00

不可以
服务端抓取再输出