如何使用Ajax预览网址?

时间:2020-03-05 18:58:01  来源:igfitidea点击:

如何使用Ajax预览网址?我已经看到了使用搜索引擎插件完成的操作,并且想学习如何执行此操作。具体来说,我希望能够将鼠标悬停在链接上,并使用ajax来查看网页的预览。

解决方案

回答

有简单的解决方案,困难的解决方案和库使用解决方案。

Use-a-library:除非我们有充分的理由,否则我宁愿总是使用Use-a-library解决方案。一个可能的网站将"硬性解决方案"包装为我们提供服务:http://thumbnails.iwebtool.com/demo/

轻松:简单的解决方案是将目标网页作为缩小的AJAXy窗口加载。我们可以使用许多Lightbox类插件来完成此任务,尤其是那些允许我们为Lightbox窗口定位任意HTTP内容的插件。 GreyBox是我以前用过的那些东西的最爱。 Lightbox Gone Wild也不错。

困难:然后有一个困难的解决方案:我们需要呈现网页服务器端,将呈现内容缓存为图像,然后使用Lightbox风格的Javascript提供该图像(在其他要求旁边是微不足道的)。我们如何执行此操作超出了此框的范围。你为什么要这样呢?预览可以更快地为客户端生成MUCH,并且可以将客户端的会话与可能在目标网站中破坏其会话的事物密封在一起-行为不佳可能会导致Java和/或者恶意软件在打开它们时甚至在AJAXy窗口中引起"严重错误" -在一个窗口内。

回答

我想我知道他在开车。发生的事情是,他希望一个窗口显示在悬停在超链接(javascript)上方的窗口中,并且希望该窗口显示该超链接所引用的网站的快照图像。

ajax部分异步地连接到我们托管站点的服务器,并点击一个页面,该页面获取站点图像以显示在img标签中。

现在,如何生成网站的图像?我建议事先完成此操作(例如,在创建内容时),并调用已经生成的图像。

如何生成图像开始?我认为这将是另一个问题:"如何生成网站的快照图像?"