2013-01-08 51 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