Herramientas para capturar y convertir la web
capturar elemento HTML

Capture elementos HTML con GrabzIt

API de GrabzIt y Herramienta de captura de pantalla hacen posible capturar un elemento HTML contenido en una página web o un fragmento HTML. Esto se puede devolver como una imagen, PDF o documento de Word.

El único requisito es que el elemento HTML a capturar tenga un selector de CSS único como una clase, id o un selector CSS más complejo para identificarlo.

En los siguientes ejemplos, capturaremos el contenido del DIV a continuación.

...
<div id="Article">
<p>This is the content I am interested in.</p>
<img src="myimage.jpg">
</div>
...

Capturar elemento HTML como imagen

To convert a HTML element to a image, set the width and height of the image to -1. So that the image matches the size of the targeted HTML element. By setting the browser height to -1 the length of the browser window will also automatically increase to ensure that if the targeted HTML element fits into el navegador.

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando ASP.NET. Para comenzar a crear imágenes solo descargue la biblioteca ASP.NET, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para ASP.NET para descubrir todas las formas en que puede usar la API de GrabzIt.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;
options.BrowserHeight = -1;
options.Format = ImageFormat.jpg;
options.TargetElement = "#Article";

grabzIt.URLToImage("http://www.example.com/", options);
grabzIt.SaveTo("images/result.jpg");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando Java. Para comenzar a crear imágenes solo descargar la biblioteca de Java, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Java para descubrir todas las formas en que puede usar la API de GrabzIt.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.setWidth(-1);
options.setHeight(-1);
options.setBrowserHeight(-1);
options.setFormat(ImageFormat.JPG);
options.setTargetElement("#Article");

grabzIt.URLToImage("http://www.example.com/", options);
grabzIt.SaveTo("images/result.jpg");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando JavaScript. Para empezar a crear imágenes descarga GrabzIt's JavaScript Library. Entonces consigue tu clave y secreto, agregar el dominio desea usar JavaScript y luego verifique Documentación API para JavaScript para descubrir todas las formas en que puede usar la API de GrabzIt.

Cuando se utiliza la API de JavaScript, también es posible capturar contenido dinámico de un elemento HTML.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@<%= APIVersion.JavaScript %>/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/",
{"target": "#Article", "bheight": -1, "height": -1, "width": -1}).Create();
</script>

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando Node.js. Para comenzar a crear imágenes solo descargue el paquete Node.js, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Node.js para descubrir todas las formas en que puede usar la API de GrabzIt.

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
// The minus ones indicates that image should not be cropped
var options = {"browserHeight":-1, "width":-1, "height":-1, "format":"jpg", "target":"#Article"};

client.url_to_image("http://www.example.com/", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando Perl. Para comenzar a crear imágenes solo descargar la Biblioteca Perl, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Perl para descubrir todas las formas en que puede usar la API de GrabzIt.

#!/usr/bin/perl

use GrabzItClient;

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->browserHeight(-1);
$options->width(-1);
$options->height(-1);
$options->targetElement("#Article");

$grabzIt->URLToImage("http://www.example.com/", $options);
$grabzIt->SaveTo("images/result.jpg");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando PHP. Para comenzar a crear archivos de imagen, simplemente descargar la biblioteca PHP, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para PHP para descubrir todas las formas en que puede usar la API de GrabzIt.

include("GrabzItClient.php");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

// The -1 indicates that image should not be cropped
$options = new \GrabzIt\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);
$options->setBrowserHeight(-1);
$options->setFormat("jpg");
$options->setTargetElement("#Article");

$grabzIt->URLToImage("http://www.example.com/", $options);
$grabzIt->SaveTo("images/result.jpg");

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando Python. Para comenzar a crear imágenes solo descargar la biblioteca de Python, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Python para descubrir todas las formas en que puede usar la API de GrabzIt.

from GrabzIt import GrabzItClient

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")

# The -1 indicates that image should not be cropped
options = GrabzItImageOptions.GrabzItImageOptions()
options.width = 250
options.height = 250
options.browserHeight = -1
options.format = "jpg"
options.targetElement = "#Article"

grabzIt.URLToImage("http://www.example.com/", options)
grabzIt.SaveTo("images/result.jpg") 

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como imágenes de páginas web usando nuestra API REST. Entonces mira el Documentación de la API para la API REST para descubrir todas las formas en que puede personalizar sus capturas.

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&width=-1&height=-1&bheight=-1&target=%23Article&format=jpg&url=https%3A%2F%2Fwww.example.com%2F

El siguiente código de ejemplo muestra lo fácil que es convertir HTML a un formato JPG usando Ruby. Para comenzar a crear imágenes solo descargar la gema de rubí, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Ruby para descubrir todas las formas en que puede usar la API de GrabzIt.

require 'grabzit'

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1
options.targetElement = "#Article"

grabzItClient.url_to_image("http://www.example.com/", options)
grabzItClient.save_to("images/result.jpg") 	

Capturar elemento HTML como DOCX

Al convertir un elemento HTML capturado intEn un documento de Word, el elemento HTML capturado aparecerá en la parte superior izquierda de la página del documento de Word.

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando ASP.NET. Aunque la biblioteca ASP.NET de GrabzIt es compatible con cualquier lenguaje .NET. Para comenzar a crear PDF solo descargue la biblioteca ASP.NET, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para ASP.NET para descubrir todas las formas en que puede usar la API de GrabzIt.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

DOCXOptions options = new DOCXOptions();
options.TargetElement = "#Article";

grabzIt.URLToDOCX("http://www.example.com/", options);
grabzIt.SaveTo("documents/result.docx");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando Java. Para comenzar a crear DOCX solo descargar la biblioteca de Java, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Java para descubrir todas las formas en que puede usar la API de GrabzIt.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

DOCXOptions options = new DOCXOptions();
options.setTargetElement("#Article");

grabzIt.URLToDOCX("http://www.example.com/", options);
grabzIt.SaveTo("documents/result.docx");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando JavaScript. Para comenzar a crear la descarga de DOCX GrabzIt's JavaScript Library. Entonces consigue tu clave y secreto, agregar el dominio desea usar JavaScript y luego verifique Documentación API para JavaScript para descubrir todas las formas en que puede usar la API de GrabzIt.

Cuando se utiliza la API de JavaScript, también es posible capturar contenido dinámico de un elemento HTML.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@<%= APIVersion.JavaScript %>/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/",
{"format": "docx", "target": "#Article"}).Create();
</script>

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando Node.js. Para comenzar a crear DOCX solo descargue el paquete Node.js, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Node.js para descubrir todas las formas en que puede usar la API de GrabzIt.

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_docx("http://www.example.com/", {"targetElement": "#Article"});
client.save_to("documents/result.docx", function (error, id){
    if (error != null){
        throw error;
    }
});

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando Perl. Para comenzar a crear DOCX solo descargar la Biblioteca Perl, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Perl para descubrir todas las formas en que puede usar la API de GrabzIt.

#!/usr/bin/perl

use GrabzItClient;

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItDOCXOptions->new();
$options->targetElement("#Article");

$grabzIt->URLToDOCX("http://www.example.com/", $options);
$grabzIt->SaveTo("documents/result.docx");

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando PHP. Para comenzar a crear DOCX solo descargar la biblioteca PHP, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para PHP para descubrir todas las formas en que puede usar la API de GrabzIt.

include("GrabzItClient.php");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItDOCXOptions();
$options->setTargetElement("#Article");

$grabzIt->URLToDOCX("http://www.example.com/", $options);
$grabzIt->SaveTo("documents/result.docx");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando Python. Para comenzar a crear DOCX solo descargar la biblioteca de Python, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Python para descubrir todas las formas en que puede usar la API de GrabzIt.

from GrabzIt import GrabzItClient

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzItDOCXOptions.GrabzItDOCXOptions()
options.targetElement = "#Article"

grabzIt.URLToDOCX("http://www.example.com/", options)
grabzIt.SaveTo("documents/result.docx") 

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando nuestra API REST. Entonces mira el Documentación de la API para la API REST para descubrir todas las formas en que puede personalizar sus capturas.

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&target=%23Article&format=docx&url=https%3A%2F%2Fwww.example.com%2F

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como documentos de Word desde páginas web usando Ruby. Para comenzar a crear DOCX solo descargar la gema de rubí, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Ruby para descubrir todas las formas en que puede usar la API de GrabzIt.

require 'grabzit'

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::DOCXOptions.new()
options.targetElement = "#Article"

grabzItClient.url_to_docx("http://www.example.com/", options)

grabzItClient.save_to("documents/result.docx") 	

Capturar elemento HTML como PDF

De forma predeterminada al convertir un elemento HTML capturado intEn un documento PDF, el elemento HTML capturado aparecerá en la parte superior izquierda de la página PDF de la misma forma que para DOCX. Sin embargo, en PDF también es posible establecer el tamaño de la página para que coincida con el tamaño del elemento HTML.

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando ASP.NET. Aunque la biblioteca ASP.NET de GrabzIt es compatible con cualquier lenguaje .NET. Para comenzar a crear PDF solo descargue la biblioteca ASP.NET, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para ASP.NET para descubrir todas las formas en que puede usar la API de GrabzIt.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

PDFOptions options = new PDFOptions();
options.TargetElement = "#Article";

grabzIt.URLToPDF("http://www.example.com/", options);
grabzIt.SaveTo("documents/result.pdf");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando Java. Para comenzar a crear PDF solo descargar la biblioteca de Java, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Java para descubrir todas las formas en que puede usar la API de GrabzIt.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

PDFOptions options = new PDFOptions();
options.setTargetElement("#Article");

grabzIt.URLToPDF("http://www.example.com/", options);
grabzIt.SaveTo("documents/result.pdf");

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando JavaScript. Para comenzar a crear la descarga de PDF GrabzIt's JavaScript Library. Entonces consigue tu clave y secreto, agregar el dominio desea usar JavaScript y luego verifique Documentación API para JavaScript para descubrir todas las formas en que puede usar la API de GrabzIt.

Cuando se utiliza la API de JavaScript, también es posible capturar contenido dinámico de un elemento HTML.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@<%= APIVersion.JavaScript %>/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/",
{"format": "pdf", "target": "#Article"}).Create();
</script>

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando Node.js. Para comenzar a crear PDF solo descargue el paquete Node.js, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Node.js para descubrir todas las formas en que puede usar la API de GrabzIt.

var grabzit = require('grabzit');

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
grabzIt.url_to_pdf("http://www.example.com/", {"targetElement":"#Article"});
client.save_to("documents/result.pdf", function (error, id){
    if (error != null){
        throw error;
    }
});

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando Perl. Para comenzar a crear PDF solo descargar la Biblioteca Perl, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Perl para descubrir todas las formas en que puede usar la API de GrabzIt.

#!/usr/bin/perl

use GrabzItClient;

$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItPDFOptions->new();
$options->targetElement("#Article");

$grabzIt->URLToPDF("http://www.example.com/", $options);
$grabzIt->SaveTo("documents/result.pdf");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando PHP. Para comenzar a crear PDF solo descargar la biblioteca PHP, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para PHP para descubrir todas las formas en que puede usar la API de GrabzIt.

include("GrabzItClient.php");

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = new \GrabzIt\GrabzItPDFOptions();
$options->setTargetElement("#Article");

$grabzIt->URLToPDF("http://www.example.com/", $options);
$grabzIt->SaveTo("documents/result.pdf");

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando Python. Para comenzar a crear PDF solo descargar la biblioteca de Python, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Python para descubrir todas las formas en que puede usar la API de GrabzIt.

from GrabzIt import GrabzItClient

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzItPDFOptions.GrabzItPDFOptions()
options.targetElement = "#Article"

grabzIt.URLToPDF("http://www.example.com/", options)
grabzIt.SaveTo("documents/result.pdf") 

El código de ejemplo a continuación muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando nuestra API REST. Entonces mira el Documentación de la API para la API REST para descubrir todas las formas en que puede personalizar sus capturas.

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&target=%23Article&format=pdf&url=https%3A%2F%2Fwww.example.com%2F

El código de ejemplo siguiente muestra lo fácil que es comenzar a capturar elementos HTML como PDF desde páginas web usando Ruby. Para comenzar a crear PDF solo descargar la gema de rubí, conseguir su clave y secreto y luego usa la demo contenida dentro de. Entonces mira el Documentación API para Ruby para descubrir todas las formas en que puede usar la API de GrabzIt.

require 'grabzit'

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", "Sign in to view your Application Secret")

options = GrabzIt::PDFOptions.new()
options.targetElement = "#Article"

grabzItClient.url_to_pdf("http://www.example.com/", options)

grabzItClient.save_to("documents/result.pdf") 	

Captura de elementos HTML en la herramienta de captura de pantalla

La capacidad de capturar elementos HTML también está disponible en nuestro Herramienta de captura de pantalla en línea al crear su tarea programada, asegúrese de configurar el Elemento objetivo campo con el selector CSS del elemento HTML que desea capturar. Si desea controlar el recorte de documentos PDF, también deberá configurar el Tamaño de página personalizado campos también.