2014-01-23 53 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等爲目的地。

編輯:這可能會觸發跨域訪問限制,因此您需要代理才能在將幀內容推入「監控」頁面之前在本地轉儲幀。