Javascript/Jquery：如何将网页嵌入到另一个人的网站中？答案

【问题标题】：Javascript/Jquery: How can I embed a web page into another person's website?Javascript/Jquery：如何将网页嵌入到另一个人的网站中？
【发布时间】：2017-04-27 14:45:50
【问题描述】：

我正在寻找一种将网站嵌入到第三方网站的方法。这将使我的工作更轻松。我尝试在 stackoverflow 上搜索一种方法，但我的搜索结果只是向我展示了在我拥有该网站的情况下添加 iframe 的方法，在这种情况下我没有。任何建议将不胜感激。这是帮助我搜索数据的尝试。我最终计划在一个网页上嵌入多个网站，这样我就可以在一个网页上搜索数据，而不必在多个网页之间来回切换。例如，如果我想将 google.com 网站嵌入到 stackoverflow，这样我就可以搜索答案而无需离开 stackoverflow 或切换标签。

【问题讨论】：

这有非恶意用例吗？
不，我不想伤害任何东西。这只是为了让我用作搜索数据的一种方式，而无需不断切换标签。让我的生活更轻松。在第三方网站上，有一个巨大的空间，我可以在上面嵌入一个网站，这样我就不用在标签上来回切换了。我计划嵌入多个网站。
一种无需切换标签即可搜索数据的方法 这对您有什么帮助？您能否编辑您的问题以明确说明您要完成的工作？
是的，我编辑它以显示我想要做什么。
例如，如果我想将 google.com 网站嵌入到 stackoverflow，这样我就可以在不离开 stackoverflow 的情况下搜索 google。

标签： javascript jquery iframe embed webpage

【解决方案1】：

我猜你正在寻找的是这样的东西。假设您要嵌入的网站使用 jQuery，您可以尝试这样的事情（但它不会像您希望的那样在您提到的网站上工作）。

$('#sidebar').html('<iframe src="http://google.com"></iframe>');

事实上，如果您打开控制台并在 SO 上尝试此操作，您会看到由于 X-Frame-Options 标头设置为“SAMEORIGIN”而出现错误，这基本上表示 Google 不允许自己像这样嵌入。如果您尝试输入“stackoverflow.com”，您将收到一条警报，指出 SO 不允许您“构建它”。所以...答案是，根据站点的不同，您可能会也可能无法做到这一点。很可能不是您希望的网站。

【讨论】：