javascript - 预览远程链接

Question

任何人都知道如何预览未保存在服务器本地的链接。我读过这篇article关于动态预览链接，但它说它只能在本地文件中工作。

我想预览类似 http://www.google.com 的链接等等。我想我可以使用类似于 PHP 的读取函数 file_get_contents 的东西，或者什么也不做？

Answer 1

您可以使用 $("#preview").hover() 事件并创建一个 iframe 来预览它们:

http://jsfiddle.net/mQhX5/1/

根据需要调整位置和大小。

这是调整 iframe 内容大小以使其变小的 css:

iframe {
    width: 800px;
    height: 520px;
    border: none;
    position:absolute;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
}