web-dev-qa-db-ja.com

jqueryを使用してWebサイトのスクリーンショットを生成する

厳密にjavascriptを使用して、任意のURLのスクリーンショットサムネイルを生成したいと思います。これができない場合、誰かが私を自分のAPIでこれを行う正しい方向に向けることができますか？

編集とにかく楽しみのためにやっていたので、フレームをだまして使用することにしましたが、すべての素晴らしい答えに感謝します。このようなことをしたい場合は、khtmltoxがおそらく最良の選択です...それらにはphpバインディングもあります同様に。

phpjquerythumbnailsscreenshot
14
Tyler

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が必要です。

12
Christian

Javascriptでこれを行う方法はありません。

これは、サードパーティのソフトウェアを使用してサーバー側で実行できると思います。
詳細については、 このチュートリアル をご覧ください。

1
napster

絶対にゼロ Javascriptでそれを行うチャンスがあります。

実際、「ウェブ」風のテクニックでそれを達成するチャンスはまったくありません。ファンキーなフラッシュアプ​​リがあるかもしれませんが、私にはわかりません（それが存在する場合、フラッシュを嫌うもう1つの理由：p）。

1
jAndy

少し古いですが、同じ問題に直面し、 http://html2canvas.hertzen.com/ を見つけました

1
Jonathan de M.

起こらないだろう。 JSでこれを実行できる唯一の方法は、サイトがサーバーでホストされており、ローカルサーバーでユーザーページをレンダリングして画像として保存するシェルスクリプトへのJSトリガーがある場合です。

ブラウザショット のサブスクリプションが必要です

1
sethvargo

純粋なjsでは、現時点では不可能です。

私は cutycap をインストールしました。サーバーは写真の生成を担当し、いくつかのjs ajaxマジックを使用すると、独自のスクリーンショットを簡単に作成できます-サムネイルサービス

0
nfo

JavaScriptだけでこれを行うことはできません。 SnapCasa などのサービスを使用する必要があります（基本的には正しい形式のimgタグになるため、すべてクライアント側になります）。

0
T.J. Crowder

スクリーンショットのウェブサイトを取得する必要がありますチェックアウトを参照してくださいこれは1つです phpwdn.com

0
Sturt Edwin