使用jquery生成网站的屏幕截图

时间:2010-12-29 01:56:12

标签: php jquery thumbnails screenshot

我想使用严格的javascript生成任何给定网址的屏幕截图缩略图。如果不能做到这一点,任何人都可以指出我正确的方向用我自己的api做到这一点吗?

编辑我只是决定作弊和使用框架,因为这是我为了好玩而做的事情,但感谢所有的好答案khtmltox可能是最好的选择,如果你想做这样的事情......他们也有php绑定以及。

9 个答案:

答案 0 :(得分:12)

如果查看wkhtmltox,可以使用本地lib / app将网页转换为图片。

<?php // file: img.php
    $img=render_image($_GET['url']);
?>


<!-- Your Website -->

<img alt='ldr'/>

<script type="text/javascript">
    $(document).ready(function(){
        var url='http://google.com/';
        $('#img').attr('src','img.php?url='+encodeURIComponent(url));
    });
</script>

如果评论不够清楚,你需要在某处可以运行本机程序的PHP。

答案 1 :(得分:1)

使用Javascript绝对有机会。

实际上,任何“网络”技术都没有机会实现这一目标。可能有一个时髦的flash应用程序,我不知道(如果存在,还有另一个理由来讨厌flash:p)。

答案 2 :(得分:1)

不会发生。您可以使用JS执行此操作的唯一方法是,如果站点托管在您的服务器上,并且您具有JS触发器,可以在本地服务器上呈现用户页面并将其另存为图像。

您想订阅browser shots

答案 3 :(得分:1)

在Javascript中无法做到这一点。

我相信这可以通过服务器端使用第三方软件来完成 有关详细信息,请查看this tutorial

答案 4 :(得分:1)

有点旧,但我遇到了同样的问题,发现http://html2canvas.hertzen.com/

答案 5 :(得分:0)

你不能只用JavaScript做到这一点。您必须使用SnapCasa或类似服务(基本上以正确的格式标记为img标记,因此从您的角度来看,它都是客户端的。)

答案 6 :(得分:0)

在纯粹的js中,目前是不可能的。

我在我的服务器上安装了cutycap,负责生成图片 和一些js ajax魔术你可以轻松创建自己的屏幕拍摄 - 缩略图服务

答案 7 :(得分:0)

需要获取屏幕截图网站,请参阅结帐这是一个 phpwdn.com

答案 8 :(得分:-1)

我最近创建了一个REST API,任何人都可以使用它来生成网站的截图。这是免费的(当然),也可以帮助你。

以下是我的一些实验的链接。

Mashable ScreenShot http://storage.damnovae.com/issac/ba3d01a1ddeeb068fd365eb8468c4cd35150d143.png

Pinterest的 http://storage.damnovae.com/issac/f3419f73e840f2684fa15cb14154d507484b7318.png

Envato屏幕截图,包含移动端口视图 http://storage.damnovae.com/issac/81c875e6622ca105db4135b19cde6b83d148b21f.png

如何运作

获取您的模板帐号api密钥,并向API页面发送请求以生成屏幕截图。您可以在此处阅读更多内容http://damnovae.com/pastiche