使用其他网站更新网页区域，而不会像黑客一样

Question

我正在尝试建立一个具有以下规格的网页：

• 顶部的按钮列表
• 按钮下方的区域，其他网站可以渲染
• 按下按钮时，该区域将呈现另一个网站

似乎很简单。因此，我在顶部构建了一些JS按钮，在其下方构建了iFrame。收到onClick时，只需更改iFrame上的src属性即可。

这很好。直到...我尝试将Google放入iFrame。 Google拒绝，因为它将“ X-Frame-Options”设置为“ SAMEORIGIN”。

我完全了解这里发生的事情，更重要的是，为什么会发生。但是我仍然需要构建此页面。

有什么办法可以得到我想要的东西，而不必求助于使我看起来好像在做一些不愉快的事情？是的，我意识到我在某种程度上复制了带有书签列表的浏览器窗口的功能，但是我需要以某种方式进行外观和操作。

Answer 1

您可以在自定义“ google”页面上提供一个搜索框和一个提交按钮，您的iframe会在该页面上查看（仅是本地脚本），然后将用户转到新标签页，并自动将搜索结果输入到Google中。您无论如何都无法从iframe中闪烁任何内容，因此这不会影响您执行任何操作的能力（除了将用户保留在标签上），但是如果他们要使用Google，则别无选择。