Создание скриншота веб-сайта с использованием jquery

Я хотел бы создать миниатюру скриншотов любого заданного URL, используя строго javascript. Если это невозможно сделать, может ли кто-нибудь указать мне в правильном направлении, чтобы сделать это с помощью моего собственного api?

edit Я просто решил обмануть и использовать фреймы, потому что это было для чего-то, что я делал для удовольствия в любом случае, но спасибо за все замечательные ответы khtmltox, вероятно, лучший выбор, если вы хотите сделать что-то вроде этого... они также также имеют привязки php.

Ответ 1

Если вы посмотрите 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 где-нибудь, в котором может запускаться родная программа.

Ответ 2

Существует абсолютно zero возможность сделать это с помощью Javascript.

На самом деле, нет никакой возможности сделать это с помощью любой техники "паутины". Может быть, фанк-флеш-приложение, я не знаю (если это существует, еще одна причина ненавидеть flash: p).

Ответ 3

Не получится. Единственный способ, которым вы МОЖЕТ быть в состоянии сделать это с помощью JS, - это если сайт размещен на ВАШЕМ сервере, и у вас есть JS-триггер для какой-либо оболочки script, которая отображает страницу пользователя на вашем локальном сервере и сохраняет ее как изображение.

Вы хотите подписку на броузеры браузера

Ответ 4

В Javascript нет способа сделать это.

Я считаю, что это можно сделать на стороне сервера, используя стороннее программное обеспечение.
Посмотрите этот учебник для получения дополнительной информации.

Ответ 5

Бит старый, но я столкнулся с той же проблемой и нашел http://html2canvas.hertzen.com/

Ответ 6

Вы не можете сделать это только с помощью JavaScript. Вы должны использовать такую услугу, как SnapCasa или аналогичную (которая в основном сводится к тегу img в правильном формате, поэтому все клиент с вашей точки зрения).

Ответ 7

В чистом js это невозможно в данный момент.

Я установил cutycap на моем сервере, который отвечает за создание изображений и с помощью некоторой js-аякс-магии вы можете легко создать свой собственный экранный снимок - миниатюрный сервис

Ответ 8

Вам нужно получить скриншот, посмотрите, как это сделать phpwdn.com

Ответ 9

Недавно я создал API REST, который можно использовать для создания скриншотов веб-сайтов. Это бесплатно (конечно) и может помочь вам также.

Ниже приведены ссылки на некоторые из моих экспериментов.

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 pastiche учетной записи и сделайте запрос на отправку для создания скриншотов. Вы можете прочитать здесь http://damnovae.com/pastiche