当鼠标悬停在链接上时,创建网站的预览


When a mouse over the link ,create a preview of a website?

我使用的是提示,当鼠标悬停在链接上时,可以选择创建一个框。

所以,唯一的方法是获得html的屏幕截图(如何?)并使用提示进行弹出预览,有没有更直接的方法?

由于有>30 html网站我需要创建一个预览,谢谢。

而不是在iframe中加载网页(这可能非常慢)。

为什么不使用外部API显示网站的img屏幕截图,例如:

  • http://www.thumbalizr.com/
  • http://www.bitpixels.com/
  • http://webshotspro.com/

示例:

http://api.thumbalizr.com/?url=http://www.google.com&宽度=250

  • 无论在哪里应用,都只能通过屏幕截图。

  • 这是一种非常优化的方式和光线。如果你的工具提示插件与jquery配合得很好,那就太好了。否则,你甚至可以试试jquery的QTip插件。

  • 还有其他方法可以通过缩短实际HTML(以像素为单位)来显示它,但不能认为它们很轻,也不能说是优化程度较低的解决方案。(此外,它还存在某些问题,如无论出于何种原因或由于不兼容而无法使用HTML,但SS图像始终保持稳定。)

  • 在实践中,当你看到谷歌的搜索结果和现场的网络预览时,你会发现他们实际上使用的是图像。