最小化div中的html预览

Question

如何在div中实现html页面的最小化视图（如Google预览）？

http://img228.imageshack.us/i/minimized.png/

编辑：好的..我在google上看到了一张图片，可能是最小化的截图。

Answer 1

谷歌显示图像缩略图，因此您需要使用GD或ImageMagic生成图像。

一般流程是

1. 通过curl获取页面内容，包括样式表和所有图像（捕获所有嵌入文件可能很棘手，但不应超出合格的PHP程序员
2. 构建PHP内部页面的渲染（非常棘手！甚至不知道从哪里开始，尽管可能有某种第三方扩展可用）
3. 使用GD / Imagemagic / whatever以适当的格式生成缩略图（不应该太难）。

显然，这是从您下载的HTML，CSS，图像等渲染页面将是困难的部分。

我个人想知道所涉及的努力是否值得。

Answer 2

这或多或少是问题的重复：Create thumbnails from URLs using PHP

但是，只是为了添加我的2¢，我强烈倾向于使用现有的网络服务，例如websnapr，正如thirtydot在您的问题评论中提到的那样。自己生成快照很难很好地扩展，只是我认为值得使用已建立的服务。

如果您确实想自己这样做，我已经成功使用CutyCapt生成网页快照 - 还有其他类似的选项（即您可以调用的外部程序来执行渲染）那个问题。