当鼠标悬停在链接上时，创建一个网站的预览？

Question

我正在使用tiptip，当链接鼠标悬停时，可以选择创建一个框。

所以，这样做的唯一方法是获取html的屏幕截图（如何？）并使用tiptip进行弹出预览，有没有办法更直接地做到这一点？

由于有＆gt; 30 html网站我需要创建预览，谢谢。

Answer 1

而不是在iframe中加载网页（可能非常慢）。

为什么不直接使用外部API显示网站的img屏幕截图，例如：

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

示例：

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

Answer 2

• 无论在何处应用，它都只通过屏幕截图。

• 这是一种非常优化的方式和轻量级。你的工具提示插件可以正常使用jquery，很棒，或者你甚至可以尝试Jquery's QTip plugin。

• 还有其他方法可以通过缩短（以像素为单位）显示实际HTML，但不能认为它们非常轻，或者说它们是一种不太优化的解决方案。 （无论出于何种原因，由于不兼容性而导致某些问题不是HTML，而且SS-Images始终保持稳定。）

• 实际上，当您看到Google的搜索结果和就地网络预览时，您会发现他们实际上正在使用图片。