jQuery 或 CSS 显示外部页面的缩略图
我正在尝试显示外部网页的缩略图，类似于 Chrome 在打开新选项卡时显示最近收藏夹的方式。我使用这样的对象元素：
<object class="page-thumbnail" type="text/html" src="http://www.foo.com/endpoint.html">
<p>page 1</p>
</object>
是否有一个好的 jQuery/jQuery 插件或 CSS 示例来说明如何实现此目的？例如，我看过 -webkit-transform，但似乎无法让它工作。
I'm trying to display thumbnails of external webpages, similar to how Chrome shows recent favorites when a new tab is opened. I use an object element like this:
<object class="page-thumbnail" type="text/html" src="http://www.foo.com/endpoint.html">
<p>page 1</p>
</object>
Is there a good jQuery/jQuery plugin or CSS example of how to accomplish this? I've looked at -webkit-transform, for example, but can't seem to get it to work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
可以创建一些看起来像缩略图的东西，但问题是你无法通过 JavaScript 控制它们。此外，它只能在 Firefox 和 Webkit 上运行。
http://jsfiddle.net/duopixel/vfTAN/
这只是应用在 iFrame 上的 css 缩放变换。
It is possible to create something that looks like a thumbnail, the catch is that you can't control them via javascript. Also, it will only run on Firefox and Webkit.
http://jsfiddle.net/duopixel/vfTAN/
It's just a css scale transform applied on an iFrame.
我不这么认为，不。
首先，JavaScript 无法访问 HTML“缩略图”；其次，尝试从外部 URL 获取缩略图将存在安全问题。
您必须 在服务器端创建缩略图来执行此操作。没有其他办法。
I don't think so, no.
There is no JavaScript access to HTML "thumbnails" in the first place, and secondly trying to get a thumbnail from an external URL would be a security problem.
You would have to create the thumbnails on server side to do this. There is no other way.