2013-01-08 53 views
0

如何用HTML5和JavaScript創建一個網站,讓你瀏覽幾個網站?用HTML中的頁面創建一個網頁

顯示的網頁應該在屏幕上顯示爲拼貼。因此,他們需要顯示收縮,當我做了截圖和大小下來像...

瀏覽器窗口應該看起來類似的東西:

++==============================================================++ 
|| shrinked website a | shrinked website b | shrinked website c || 
||--------------------+--------------------+------------------- || 
|| shrinked website d | shrinked website e | shrinked website f || 
||--------------------+--------------------+------------------- || 
|| shrinked website g | shrinked website h | shrinked website i || 
++==============================================================++ 

我不想使用iframe的,因爲我認爲他們不能縮小規模。瓷磚也不一定要有響應。

這可能以某種方式實現嗎?

+2

你應該使用生成的截圖,而不是完全加載到網站的iframe ... –

+0

我同意..你所談論的是響應式設計及其他活網站可能不響應式(更不用說iFrames對於響應式設計來說是個壞主意)。屏幕截圖和簡單的CSS響應式佈局會給你正是你需要的東西 – Zak

+1

假設你應該看看這裏提出的一些解決方案:http://stackoverflow.com/questions/757675/website-screenshots-using-php。以某種方式獲得圖像後 - 不應該因爲想要創建佈局而出現任何問題。 –

回答

2

你將不得不使用iframe並使用CSS來定位每個幀。更多關於iframe標籤的信息可以在這裏找到http://www.w3schools.com/tags/tag_iframe.asp

注意:加載9個iframe,每個包含一個完整的網頁將真正減慢頁面,並會導致用戶糟糕的體驗。

+1

這不會讓網站瀏覽量收縮。 –

+0

謝謝,但我認爲iframe不能縮小。 –

+0

啊,我正在考慮iFrame的高度和寬度,但是這不會讓iFrame內的內容縮小。 – SteveEdson

0

創建網頁的截圖的解決方案,顯示爲磚是在下面的文章:

Website screenshots using PHP

在還有一個說明如何使用沒有PHP要做到這一點,但只有HTML5和JavaScript

然後,他們只需要縮小和使用JavaScript填充。

感謝您的評論,FAngel