asp.net - 如何使用 ajax 预览 url？

Question

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

Answer 1

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

use-a-library：我更喜欢总是使用 use-a-library 解决方案，除非你有很好的理由。一个将“硬解决方案”包装为您的服务的可能站点：http: //thumbnails.iwebtool.com/demo/

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

hard：然后是困难的解决方案：您需要渲染网页服务器端，将渲染缓存为图像，然后使用 Lightbox-esque Javascript 提供该图像（这在其他要求旁边是微不足道的）。你将如何做这件事超出了这个框的范围。你为什么要这样做？预览版为客户端生成的速度要快得多，并且它将客户端的会话与可能在目标网站中破坏它的事物隔离开来——即使在 AJAXy 中打开它们时，行为不佳的 Javascript 和/或恶意软件也会导致非常糟糕的事情窗中窗。

Answer 2

我想我知道他在说什么。发生的情况是，他希望在将鼠标悬停在超链接 (javascript) 上时出现一个窗口，并让该窗口显示超链接所引用的网站的快照图像。

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

现在，如何生成网站的图像？我建议提前完成（例如在创建内容时）并调用已经生成的图像。

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