有人知道有一个插件可以让您滚动 anchor 链接并查看网页预览吗？
因此，本质上我们可能在页面上有一个链接 www.mysite.com，当您将鼠标悬停在该链接上时，我希望看到该网站的预览。
我知道有一些插件可以向您显示图像文件，但我正在寻找可以预览实时页面的东西。
编辑
我想查看页面的缩略图。
最佳答案
如果您确实想要预览实时页面，则必须使用 iframe。如果您只想要图像预览，Fulvio 的建议将起作用，但不会显示“实时”预览(即，没有您通常会看到的动画，如果用户登录到页面，您只会看到前面页等)。 可能实际缩放 iframe 的内容，使其成为缩略图，从而实现您想要的效果。例如:
<html>
<head>
<!--[if IE]>
<style>
#frame {
zoom: 0.2;
}
</style>
<![endif]-->
<style>
#frame {
width: 800px;
height: 520px;
border: none;
-moz-transform: scale(0.2);
-moz-transform-origin: 0 0;
-o-transform: scale(0.2);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.2);
-webkit-transform-origin: 0 0;
}
</style>
</head>
<body>
<iframe id="frame" src="http://www.bing.com">
</iframe>
</body>
</html>
玩得开心:)
复制并粘贴到浏览器的地址栏中进行预览:
data:text/html,<html><head><!--[if IE]><style>iframe{zoom:0.2;}</style><![endif]--><style>iframe{width:800px;height:520px;border:none;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0;}</style></head><body><iframe src="http://www.bing.com"></iframe></body></html>
关于jQuery 网页预览，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3162815/