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

This topic created in 2341 days ago, the information mentioned may be changed or developed.

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

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

iframe

侧边栏

办法

新闻

5 replies • 2020-06-08 00:42:50 +08:00

djs

Jun 7, 2020 via iPhone

跨域了哥们

littleTomorrow1

Jun 7, 2020

https://stackoverflow.com/questions/6960406/add-css-to-iframe
直接加 css 到 iframe，隐藏导航，侧边栏

zzetao

Jun 7, 2020

因为浏览器同源策略( https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy) 问题，无法修改非同源 iframe 的内容。

我想到的两个解决方案：

1. 通过空白元素遮挡 iframe 内容 (position: absolute)
2. 通过脚本抓取，提取页面内容，缓存到自己服务上

black11black

Jun 8, 2020

@djs 确实
@littleTomorrow1 有跨域保护，搞不定啊

ochatokori

Jun 8, 2020 via Android

后端反代一下