如何使用ajax预览网址？

Question

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

Answer 1

有简单解决方案，硬解决方案和使用库解决方案。

use-a-library ：我更喜欢使用“使用库”解决方案，除非您有充分的理由。一个可能的网站，将“硬解决方案”作为服务包裹起来：http://thumbnails.iwebtool.com/demo/

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

硬：然后就是硬解决方案：你需要渲染网页服务器端，将渲染缓存为图像，然后使用Lightbox-esque Javascript（这是其他要求旁边的琐碎）。你如何做到这一点超出了这个框的范围。你为什么这样做？预览为客户端生成更快的速度，并且密切地密封客户端的会话，远离可能在目标网站中破坏它的东西 - 表现不佳的Javascript和/或恶意软件在打开它们时可能会导致真正糟糕的事情，即使在AJAXy中也是如此窗口中之窗口。

Answer 2

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

ajax部分以异步方式连接到您托管站点的服务器，然后点击一个页面，然后获取该站点的图像以显示在img标记中。

现在，如何生成网站的图像？我建议事先完成此操作（例如，在创建内容时），并调用已生成的图像。

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