generar una captura de pantalla de un sitio web utilizando jQuery

me gustaría generar una captura de pantalla en miniatura de cualquier URL dado usando estrictamente Javascript. Si esto no se puede hacer, ¿puede alguien señalarme la dirección correcta para hacer esto con mi propia API?generar una captura de pantalla de un sitio web utilizando jQuery

edit Acabo de decidir hacer trampa y usar marcos porque era para algo que estaba haciendo para divertirme de todos modos, pero gracias a todas las excelentes respuestas khtmltox es probablemente la mejor opción si quieres hacer algo como esto ... también tienen enlaces de php también.

Fuente

2010-12-29 Tyler

casi imposible utilizando sólo JS. –

Si solo quiere usar JavaScript, ¿por qué la etiqueta 'php'? –

Si nos fijamos en wkhtmltox, hay nativa lib/app para convertir una página web a una imagen.

<?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>

En caso de que el comentario no era lo suficientemente claro, necesita PHP algún lugar que podría ejecutar un programa nativo.

Fuente

2010-12-29 02:14:49 Christian

Esta es probablemente la respuesta correcta, la página se analiza utilizando el motor de diseño Webkit y luego se guarda como una imagen. –

No hay absolutamente cero oportunidad de hacerlo con Javascript.

En realidad, no es una posibilidad en absoluto de lograr que con cualquier "web" "técnica ISH. Puede haber una aplicación de flash funky, no sé (si eso existe, una razón más para odiar el flash: p).

Fuente

2010-12-29 01:57:35 jAndy

técnica web-ish? – Christian

No puede hacer esto solo con JavaScript. Tienes que usar un servicio como SnapCasa o similar (que básicamente se reduce a una etiqueta img en el formato correcto, por lo que es todo del lado del cliente desde tu perspectiva).

Fuente

2010-12-29 02:06:58

No va a suceder. La ÚNICA manera en que PODRÍA hacer esto con JS es si el sitio está alojado en SU servidor y tiene JS activando un script de shell que muestre la página de los usuarios en su servidor local y la guarde como una imagen.

¿Quieres una suscripción a browser shots

Fuente

2010-12-29 02:12:03 sethvargo

No hay manera de hacer esto en Javascript.

creo que esto se puede hacer a través del lado del servidor usando el software de terceros.
Eche un vistazo a this tutorial para obtener más información.

Fuente

2011-10-22 21:43:04 napster

Es posible con canvas html5 + javascript – Marcio

poco viejo, pero enfrentaron el mismo problema y encontrar http://html2canvas.hertzen.com/

Fuente

2012-11-08 10:02:42

Usa flash. No puedo confiar en que el visitante ejecute el flash, si es un sitio público. –

En js puros que no es posible en este momento.

He instalado cutycap en mi servidor que es responsable de generar las imágenes y con un poco de JS magia ajax puede crear fácilmente su propio lanzamiento de la pantalla - Servicio miniatura

Fuente

2012-11-28 02:51:31 nfo

-1

recientemente he creado una API REST cualquiera puede utilizar para generar capturas de pantalla de sitios web. Es gratis (por supuesto) y puede ayudarte también.

A continuación se presentan los enlaces a algunos de mis experimentos.

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

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

Envato pantalla con Portview móvil http://storage.damnovae.com/issac/81c875e6622ca105db4135b19cde6b83d148b21f.png

¿Cómo funciona

obtener su cuenta de pastiche clave de API, y hacer después solicitar a t él api url para generar capturas de pantalla. Puede leer más aquí http://damnovae.com/pastiche

Fuente

2013-09-10 07:29:59

Se necesita descargar pantalla sitio web ver checkout esta es una phpwdn.com

Fuente

2015-04-18 05:20:07

enlace está muerto .... – chhameed

generar una captura de pantalla de un sitio web utilizando jQuery

Respuesta

Cuestiones relacionadas