如何使用ajax预览网址？

Question

如何使用ajax预览网址？我已经看到这与搜索引擎插件完成，并想了解如何做到这一点。具体来说，我希望能够将鼠标悬停在链接上，并使用ajax查看网页的预览。

Answer 1

还有的容易的解决方案，硬解决方案，并使用-A-库解决方案。

使用-A-库：我始终喜欢做的用一个库解决方案，除非你有十足的理由，否则。一个可能的网站，它封装了“硬解”的服务，为您：http://thumbnails.iwebtool.com/demo/

容易：最简单的解决方法就是加载目标网页的缩小而AJAXy窗口。您可以使用许多Lightbox类插件来执行此任务，尤其是那些允许您为Lightbox窗口定位任意HTTP内容的插件。 GreyBox是我以前使用过的那些的最爱。 Lightbox Gone Wild也不错。

hard然后是硬解决方案：您需要渲染网页服务器端，将渲染缓存为图像，然后使用Lightbox类型的Javascript提供该图像（这是微不足道的其他需求）。你如何去做这件事超出了这个框的范围。你为什么要这样做？预览会为客户端产生更快的速度，并且会将客户端的会话密切封存在可能会导致目标网站崩溃的事件中 - 即使在AJAXy中，表现不佳的Javascript和/或恶意软件也会导致真正糟糕的事情窗口中之窗。

Answer 2

我想我知道他在驾驶什么。会发生什么是他希望窗口出现在悬停在超链接上（javascript），并且该窗口显示超链接引用的网站的快照图像。

ajax部分异步地连接到您在其中托管您的站点的服务器，并且点击一个页面并提取该站点的图像以显示在img标记中。

现在，如何生成网站的图像？我建议这是事先完成的（例如，正在创建内容），并且已经生成的图像被重新调用。

如何生成图像开始？我认为这将是另一个问题：“如何生成网站的快照图像？”