javascript - 预览远程链接

Question

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

我想预览一个链接，如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;
}