black11black
V2EX  ›  问与答

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

  •  
  •   black11black · Jun 7, 2020 · 2156 views
    This topic created in 2193 days ago, the information mentioned may be changed or developed.

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

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

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

    我想到的两个解决方案:

    1. 通过空白元素遮挡 iframe 内容 (position: absolute)
    2. 通过脚本抓取,提取页面内容,缓存到自己服务上
    black11black
        4
    black11black  
    OP
       Jun 8, 2020
    @djs 确实
    @littleTomorrow1 有跨域保护,搞不定啊
    ochatokori
        5
    ochatokori  
       Jun 8, 2020 via Android
    后端反代一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5446 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 03:45 · PVG 11:45 · LAX 20:45 · JFK 23:45
    ♥ Do have faith in what you're doing.