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

[black11black]

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

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

[djs]

跨域了哥们

[littleTomorrow1]

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

[zzetao]

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

我想到的两个解决方案：

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

[black11black]

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

[ochatokori]

后端反代一下