缩小的div中HTML预览

Question

你可以怎么在一个div里实现一个简化版的网页视图（就像谷歌预览那样）呢？

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

补充说明：好的，我明白了，这是一张谷歌上的图片，可能是一个简化的截图。

Answer 1

谷歌会显示一个图片缩略图，所以你需要用GD或者ImageMagic来生成一张图片。

大致的流程是：

1. 通过curl获取页面内容，包括样式表和所有图片（可能有点棘手，因为要抓取所有嵌入的文件，但对于一个有能力的PHP程序员来说，这应该不算太难）。
2. 在PHP内部构建页面的渲染（这非常复杂！我甚至不知道从哪里开始，不过可能有一些第三方扩展可以帮助）。
3. 使用GD/ImageMagic/其他工具生成一个合适格式的缩略图（这应该不会太难）。

显然，从你下载的HTML、CSS、图片等内容中渲染页面是最困难的部分。

我个人会考虑一下，这样的努力是否值得。

Answer 2

这个问题基本上和这个链接里的问题是重复的：使用PHP从网址创建缩略图

不过，我想补充一下我的看法，我更倾向于使用现成的网络服务，比如websnapr，正如thirtydot在你问题的评论中提到的。自己生成快照会很难扩展，而且我觉得用一个成熟的服务会更划算。

如果你真的想自己动手做，我用过CutyCapt来生成网页快照，效果不错。还有其他类似的选项（也就是可以调用的外部程序来进行渲染），在那个问题里也有提到。