Capture elementos HTML com GrabzIt
API do GrabzIt e Ferramenta de captura de tela torna possível capturar um elemento HTML contido em uma página da web ou fragmento de HTML. Isso pode então ser retornado como uma imagem, PDF ou documento do Word.
O único requisito é que o elemento HTML a ser capturado tenha um seletor CSS exclusivo como uma classe, id ou seletor CSS mais complexo para identificá-lo.
Nos exemplos a seguir, capturaremos o conteúdo no DIV abaixo.
... <div id="Article"> <p>This is the content I am interested in.</p> <img src="myimage.jpg"> </div> ...
Capturar elemento HTML como imagem
Defina a largura e a altura da imagem como -1 para que a imagem corresponda ao tamanho do elemento HTML de destino. Ao definir a altura do navegador para -1, o comprimento da janela do navegador também aumentará automaticamente para garantir que, se o elemento HTML desejado into o navegador.
O código de exemplo a seguir mostra como é fácil começar a capturar elementos HTML como imagens de páginas da Web usando ASP.NET. Para começar a criar imagens apenas baixar a biblioteca do ASP.NET, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para ASP.NET para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando Java. Para começar a criar imagens apenas faça o download da biblioteca Java, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Java para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando JavaScript. Para começar a criar imagens, baixe Biblioteca JavaScript de GrabzIt. Então pegue seu chave e segredo, adicione o domínio você deseja usar o JavaScript e, em seguida, confira o Documentação da API para JavaScript para descobrir todas as maneiras de usar a API do GrabzIt.
Ao usar a API JavaScript, também é possível capturar conteúdo dinâmico de um 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>
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando Node.js. Para começar a criar imagens apenas baixe o pacote Node.js., consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Node.js para descobrir todas as maneiras de usar a API do 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;
}
});
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando Perl. Para começar a criar imagens apenas faça o download da biblioteca Perl, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Perl para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando PHP. Para começar a criar arquivos de imagem apenas baixe a biblioteca PHP, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para PHP para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando Python. Para começar a criar imagens apenas baixe a biblioteca Python, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Python para descobrir todas as maneiras de usar a API do 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")
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como imagens de páginas da web usando nossa API REST. Em seguida, verifique o Documentação da API para a API REST para descobrir todas as maneiras pelas quais você pode personalizar suas 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
O código de exemplo abaixo mostra como é fácil converter HTML para um formato JPG usando Ruby. Para começar a criar imagens apenas faça o download da Ruby Gem, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Ruby para descobrir todas as maneiras de usar a API do 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")
Capture HTML Element como DOCX
Ao converter um elemento HTML capturado intoa um documento do Word, o elemento HTML capturado aparecerá no canto superior esquerdo da página do documento do Word.
O código de exemplo a seguir mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da Web usando ASP.NET. Embora a biblioteca ASP.NET do GrabzIt seja compatível com qualquer linguagem .NET. Para começar a criar PDFs, basta baixar a biblioteca do ASP.NET, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para ASP.NET para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando Java. Para começar a criar DOCX, basta faça o download da biblioteca Java, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Java para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando JavaScript. Para começar a criar o download DOCX Biblioteca JavaScript de GrabzIt. Então pegue seu chave e segredo, adicione o domínio você deseja usar o JavaScript e, em seguida, confira o Documentação da API para JavaScript para descobrir todas as maneiras de usar a API do GrabzIt.
Ao usar a API JavaScript, também é possível capturar conteúdo dinâmico de um 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>
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando Node.js. Para começar a criar DOCX, basta baixe o pacote Node.js., consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Node.js para descobrir todas as maneiras de usar a API do 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;
}
});
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando Perl. Para começar a criar DOCX, basta faça o download da biblioteca Perl, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Perl para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando PHP. Para começar a criar DOCX, basta baixe a biblioteca PHP, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para PHP para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando Python. Para começar a criar DOCX, basta baixe a biblioteca Python, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Python para descobrir todas as maneiras de usar a API do 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")
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando nossa API REST. Em seguida, verifique o Documentação da API para a API REST para descobrir todas as maneiras pelas quais você pode personalizar suas 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
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como documentos do Word a partir de páginas da web usando Ruby. Para começar a criar DOCX, basta faça o download da Ruby Gem, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Ruby para descobrir todas as maneiras de usar a API do 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
Por padrão, ao converter um elemento HTML capturado intoa um documento PDF, o elemento HTML capturado aparecerá no canto superior esquerdo da página PDF da mesma forma que para DOCX. No entanto, em PDF também é possível automaticamente defina o tamanho da página para que corresponda ao tamanho do elemento HTML.
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da Web usando ASP.NET. Embora a biblioteca ASP.NET do GrabzIt seja compatível com qualquer linguagem .NET. Para começar a criar PDFs, basta baixar a biblioteca do ASP.NET, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para ASP.NET para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando Java. Para começar a criar PDFs, basta faça o download da biblioteca Java, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Java para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando JavaScript. Para começar a criar o download do PDF Biblioteca JavaScript de GrabzIt. Então pegue seu chave e segredo, adicione o domínio você deseja usar o JavaScript e, em seguida, confira o Documentação da API para JavaScript para descobrir todas as maneiras de usar a API do GrabzIt.
Ao usar a API JavaScript, também é possível capturar conteúdo dinâmico de um 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>
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando Node.js. Para começar a criar PDFs, basta baixe o pacote Node.js., consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Node.js para descobrir todas as maneiras de usar a API do 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;
}
});
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando Perl. Para começar a criar PDFs, basta faça o download da biblioteca Perl, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Perl para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando PHP. Para começar a criar PDFs, basta baixe a biblioteca PHP, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para PHP para descobrir todas as maneiras de usar a API do 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");
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando Python. Para começar a criar PDFs, basta baixe a biblioteca Python, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Python para descobrir todas as maneiras de usar a API do 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")
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando nossa API REST. Em seguida, verifique o Documentação da API para a API REST para descobrir todas as maneiras pelas quais você pode personalizar suas 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
O código de exemplo abaixo mostra como é fácil começar a capturar elementos HTML como PDF de páginas da web usando Ruby. Para começar a criar PDFs, basta faça o download da Ruby Gem, consiga seu chave e segredo e depois use a demo contido dentro. Então confira o Documentação da API para Ruby para descobrir todas as maneiras de usar a API do 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 na ferramenta de captura de tela
A capacidade de capturar elementos HTML também está disponível em nosso Ferramenta de captura de tela on-line ao criar sua tarefa agendada, certifique-se de definir o Elemento Alvo campo com o seletor CSS do elemento HTML que você deseja capturar. Se você deseja controlar o corte de documentos PDF, você também precisará definir o Tamanho de página personalizado campos também.