如何从跨域页面中提取包含 div？答案

【问题标题】：How to pull out include a div from cross domain page?如何从跨域页面中提取包含 div？
【发布时间】：2018-02-06 12:07:12
【问题描述】：

我想在我自己的个人网站上包含一个计算器，该网站位于另一个域中...

http://www.r-control.com/library/sip-energy-savings-calculator/

我实际上只想要页面上的计算器 div，而不是所有的导航栏和侧边栏。

这可能与 iframe 或 jquery 相关吗？

或者是否可以在我的网站上包含整个页面，而只是“隐藏”我不想看到的部分？

请指教。

谢谢

【问题讨论】：

不可能...开发自己的计算器

标签： javascript jquery html cross-domain

【解决方案1】：

我认为如果你学习该页面中的元素并重写它会更好。

当然，您可以解析查询结果（即使该服务器允许跨域请求），并仅显示所需样式的所需表单。但是对于结果，您需要将此表单发送到服务器（此请求可能不支持跨域），然后再打包结果。

我认为最简单的方法是应用逆向工程来获得类似的结果。

【讨论】：

【解决方案2】：

除了您实际上只是从另一个网站上翻录内容（我认为原作者不会这样）之外，这是不可能的，例如Muthu Kumaran already mentioned in his comment。

我强烈建议您开发自己的计算器！

【讨论】：

实际上 R-Control 是我的供应商，所以并没有真正敲诈他们。我打算留下某些元素。我只是不想要导航栏、侧边栏和页脚。如果这很容易，我想这样做。但如果没有，我什至不会打扰。我只是把一个链接放到他们的页面上。 -谢谢

【解决方案3】：

正如我所见，该网站不提供计算器小部件代码以集成到其他地方。因此，首先您需要了解是否有任何其他类似的网站提供小部件代码。

如果您仍想集成相同的计算器，则需要在使用 iframe 集成相同的计算器后尝试一些 css hack -

#masthead {
    display: none !important;
}

.sixteen.columns > img {
    display: none !important;
}

#page .container #secondary {
    display: none !important;
}

.site-footer {
    display: none !important;
}

【讨论】：

您好，感谢您的回复。我最初想按照您的建议去做，但我认为 CSS 不会“深入”到跨域中。反正我好像没用。