Javascript 预取链接的内容

我正在开发一个firefox插件。我想显示一个工具提示，其中包含当用户鼠标悬停在链接上时目标页面的预览

这很简单，但有时间要求。此过程应在1秒前完成（在用户鼠标滑过链接后）

---

关于从何处开始有什么想法吗？

您应该创建一个插件，在页面加载后（即收到DOMContentLoaded事件时）扫描内容文档DOM中的锚定标记。实现这一点的老式方法是使用XUL覆盖。大概同样的事情也可以通过插件SDK使用内容脚本来完成

然后，您必须将每个链接加载到隐藏的iframe中（例如，将高度设置为零），并创建一个屏幕截图，如下所述：。请注意，Mozilla开发人员站点现在出现故障，因此代码示例没有正确显示（至少在我正在使用的镜像上）。我认为这将很快得到解决，因为这是一个如此严重的问题

---

正如瓦拉迪米尔所说，加载每个链接页面并制作一个屏幕截图可能需要相当长的时间，因此，如果用户之前将鼠标悬停在链接上，我会a）显示thropber和“加载…”文本而不是屏幕截图，b）优先加载该链接，以便屏幕截图尽快显示。

Firefox非常简单。只需使用以下元素，浏览器就会预加载您的内容。加载整个当前页面后，内容将在后台预加载

<link rel="prefetch" href="/images/nextimage.jpg" />

---

有关更多信息，请参阅页面

只需创建一个小iframe并将链接的href作为其源？如果页面下载时间超过此时间，您希望它在1秒后完成吗？