Question

我需要监督几个服务器提供的一些网页。我用框架集制作了以下简单的html代码：

     <frameset cols="25%,25%,25%,*" rows="50%,*" border="0">
        <frame src="http://server1/" />
        <frame src="http://server2/" />
        <frame src="http://server3/" />
        <frame src="http://server4/" />
        <frame src="http://server5/" />
        <frame src="http://server6/" />
    </frameset>

由于标题中有“<meta http-equiv="refresh" content="60" />”，页面会每60秒自动刷新一次。

但是，由于我最近被迫增加了2台服务器，每帧的内容并不总是足够可读（如果不滚动每一帧，我就看不到有趣的部分了。）

我想“缩小”或“缩小”每个帧的内容。尽管对谷歌进行了一些长期的研究，但我发现的唯一一个接近的解决方案就是这个：How can I scale the content of an iframe?，不幸的是它减少了框架的大小而不是它的内容。

有可能吗？

如果是，怎么样？

Answer 1

尝试jQuery zoomer 不确定它是否也适用于常规帧，但值得尝试。

否则，通过查询服务器并通过ajax在占位符中输出页面来考虑更深入的jQuery使用，您也可能需要去掉＆lt; head＆gt;和body标签以防止无效代码，不确定元刷新在该条件下的行为方式，或者您加载的页面是否有脚本。

您可以使用一个简单的函数设置服务器内容的加载和自动刷新：

var auto_refresh = setInterval(
function()
{
jQuery("#server1").load('http://server1/').fadeIn("slow");
}, 60000);

并创建具有id =“server1”server2等的div作为目的地。

编辑：这可能会触发跨域访问限制，因此您需要一个代理在本地转储帧之后再将其内容推送到“监控”页面。

如何缩放框架的内容

1 个答案: