V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
porwyn
V2EX  ›  问与答

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

  •  
  •   porwyn · 2018-01-05 17:01:19 +08:00 · 2449 次点击
    这是一个创建于 2533 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
        1
    Egg  
       2018-01-05 17:03:27 +08:00   ❤️ 1
    css opacity 0 希望可以帮到你
    fe619742721
        2
    fe619742721  
       2018-01-05 17:06:52 +08:00   ❤️ 1
    B 站页面是外站的话,你好像只能在 A 页面上动动手脚,iframe 引用外部 js 没办法影响到里面的内容,除非你能同时修改 B 站的 js
    fe619742721
        3
    fe619742721  
       2018-01-05 17:08:08 +08:00   ❤️ 1
    不考虑自适应的话,你可以在 A 站的 iframe 页面上通过绝对定位覆盖 div 上去覆盖 B 站内容,一个猜想,不一定能成
    porwyn
        4
    porwyn  
    OP
       2018-01-05 17:09:56 +08:00
    @fe619742721 我之前使用过 V 小偷这个程序,他们可以镜像所有的网站,然后隐藏或替换掉一些区域,您这个是什么原理吗?我是看到他们可以这样做,然后才想着去掉 div 的,因为设置 margin 比较麻烦……
    h4lbhg1G
        5
    h4lbhg1G  
       2018-01-05 17:12:53 +08:00   ❤️ 1
    B 站似乎有 N 种方式屏蔽 A 站的这种 iframe 啊,毕竟引用 iframe 的 A 站页面是会记录进 B 站的日志的。不管是 referer 还是 js 脚本,或者 X-Frame-Options: DENY 也行。
    porwyn
        6
    porwyn  
    OP
       2018-01-05 17:14:01 +08:00
    @h4lbhg1G 不考虑屏蔽的因素~
    h4lbhg1G
        7
    h4lbhg1G  
       2018-01-05 17:22:41 +08:00   ❤️ 1
    虽然我也不怎么懂前端,随手一搜有个[这个]( http://coursesweb.net/javascript/get-modify-content-iframe_t)
    h4lbhg1G
        8
    h4lbhg1G  
       2018-01-05 17:27:24 +08:00   ❤️ 1
    哦 这个要求同源,跨站的只能要对方给你权限(改一个 http 头)。或者你自己做一个反向代理,直接用在服务器上替换更改。我不懂了,等高人回答。
    rogwan
        9
    rogwan  
       2018-01-05 17:30:30 +08:00 via Android   ❤️ 1
    不同源无后端权限还是别用这个方式,现代浏览器对跨站 frame 非常不友好了,最好还是 js 渲染数据
    fe619742721
        10
    fe619742721  
       2018-01-05 17:49:00 +08:00   ❤️ 1
    @porwyn 没有啥原理啊。。A 页面的 iframe 引用外面套一个父级 div,然后用 A 站的 div 去覆盖掉 iframe 窗口的某一部分。。
    现在 iframe 限制非常严格了,很难动什么手脚,A 页面是完全不能对 B 页面内容做调整的,读取都做不到
    oott123
        11
    oott123  
       2018-01-05 18:09:55 +08:00   ❤️ 1
    不可以
    服务端抓取再输出
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   905 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:53 · PVG 03:53 · LAX 11:53 · JFK 14:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.