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

Vue 写前端,有办法接管 iframe 当中的内容吗?

  •  
  •   black11black · 2020-06-07 21:03:01 +08:00 · 1604 次点击
    这是一个创建于 1639 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,比如想在网页上展示一段新闻,使用前端获取新闻显然比后端获取更能分散服务器压力,我不会写前端爬虫,想到最简单的办法是 iframe 直接贴一个 iframe 上去就行了。

    但是有一个问题是,比如我转载腾讯新闻的网页,我想要把导航栏、侧边栏之类的东西删掉,只留一个新闻的部分,有办法实现吗

    5 条回复    2020-06-08 00:42:50 +08:00
    djs
        1
    djs  
       2020-06-07 21:14:09 +08:00 via iPhone
    跨域了哥们
    littleTomorrow1
        2
    littleTomorrow1  
       2020-06-07 21:26:49 +08:00
    https://stackoverflow.com/questions/6960406/add-css-to-iframe
    直接加 css 到 iframe,隐藏导航,侧边栏
    zzetao
        3
    zzetao  
       2020-06-07 21:35:46 +08:00
    因为浏览器 同源策略( https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy) 问题,无法修改非同源 iframe 的内容。

    我想到的两个解决方案:

    1. 通过空白元素遮挡 iframe 内容 (position: absolute)
    2. 通过脚本抓取,提取页面内容,缓存到自己服务上
    black11black
        4
    black11black  
    OP
       2020-06-08 00:05:20 +08:00
    @djs 确实
    @littleTomorrow1 有跨域保护,搞不定啊
    ochatokori
        5
    ochatokori  
       2020-06-08 00:42:50 +08:00 via Android
    后端反代一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2849 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 15:05 · PVG 23:05 · LAX 07:05 · JFK 10:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.