将其他网页的内容加载到 div 并添加样式

Question

我正在尝试创建一个供个人使用的网站，该网站在一个位置显示某些总统选举民意调查。我以为我可以使用 iframe 来做到这一点，只需将 display: none 添加到我不想要的部分，但它看起来不可能覆盖 iframe 中的外部 css 样式。

有人对我如何完成此任务有任何建议吗？我一直在研究 nokogiri 和 AJAX 但是我还没有成功。使用 nokogiri，我能够从站点中提取信息，但是我不确定如何在我的 HTML 中实际显示它。

Answer 1

这是一个 iframe 代码：

<iframe src="jsfiddle.com" ></iframe>

我在上面使用了这条 css 规则：

iframe{
border: 0px;
width: 100%;
height: 100%;

}

如果 iframe 内容看起来不一样，你可以直接用 jquery 管理高度，就像这样：

$( document ).ready(function() {
iframe.height = iframe.contentWindow.document.body.scrollHeight+10;
});

一切都会很好！

注：

您可以根据需要调整宽度和高度（甚至 iframe.height）（考虑 iframe 的标签父级）。但是如果你只是想隐藏边框，css里面的边框规则就够了。

https://jsfiddle.net/edgarkamdem/6n2k4m3e/3/

Answer 2

根据@kabrice，它无法完成 - 事实上，iframe 是一个 html 元素和 W3C (w3.org/TR/html-markup/iframe.html) 定义的正式规范。在 W3C 文档中，我们可以读到 iframe 是一个嵌套的浏览上下文 (w3.org/TR/html51/browsers.html)，有点像浏览器。到目前为止，我从未见过任何浏览器部分显示网页内容，不是因为他们不想，而是因为他们不能。浏览上下文（网页浏览器，iframe...）是W3C定义的一种标准，必须显示网页的全部内容

将其他网页的内容加载到 div 并添加样式

loading content from other webpages into div and adding styling

ruby

ajax

iframe

jquery

nokogiri