2014-01-23 51 views
0

我需要监督几个服务器提供的一些网页。 我已经做了以下简单的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?,不幸的是它减少了框架的大小而不是内容。

可能吗?

如果是,如何?

回答

0

试一试jQuery zoomer 不知道它是否也适用于常规框架,但值得一试。否则,通过查询服务器并通过ajax在占位符中输出它们的页面,可以考虑一些更深入的jQuery用法,也可能需要去掉<头部>和body标签以防止无效代码,不确定元刷新将如何在这种情况下运行,或者您要加载的页面有脚本。

您可以设置服务器的内容用一个简单的功能的加载和自动刷新:

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

,并创建一个ID =“服务器1”的div服务器2等为目的地。

编辑:这可能会触发跨域访问限制,因此您需要代理才能在将帧内容推入“监控”页面之前在本地转储帧。