Strumenti per acquisire e convertire il Web
cattura l'elemento HTML

Cattura elementi HTML con GrabzIt

API di GrabzIt ed Strumento Screenshot rendono possibile acquisire un elemento HTML contenuto in una pagina web o in uno snippet HTML. Questo può quindi essere restituito come immagine, PDF o documento Word.

L'unico requisito è che l'elemento HTML da acquisire abbia un'estensione selettore CSS unico come una classe, un id o un selettore CSS più complesso per identificarlo.

Nei seguenti esempi cattureremo il contenuto nel DIV sottostante.

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

Cattura elemento HTML come immagine

Imposta la larghezza e l'altezza dell'immagine su -1 in modo che l'immagine corrisponda alle dimensioni dell'elemento HTML targetizzato. Impostando l'altezza del browser su -1, anche la lunghezza della finestra del browser aumenterà automaticamente per garantire che se l'elemento HTML mirato si adatta into il browser.

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come immagini da pagine Web utilizzando ASP.NET. Per iniziare a creare immagini basta scarica la libreria ASP.NET, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per ASP.NET per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come immagini da pagine Web utilizzando Java. Per iniziare a creare immagini basta scarica la libreria Java, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Java per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come immagini da pagine Web utilizzando JavaScript. Per iniziare a creare immagini scarica Libreria JavaScript di GrabzIt. Allora prendi il tuo chiave e segreto, aggiungi il dominio si desidera utilizzare JavaScript e quindi controllare Documentazione API per JavaScript per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

Quando si utilizza l'API JavaScript è anche possibile catturare il contenuto dinamico di 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>

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come immagini da pagine web utilizzando Node.js. Per iniziare a creare immagini basta scarica il pacchetto Node.js, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Node.js per scoprire tutti i modi in cui puoi usare l'API di 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;
    }
});

Il codice di esempio seguente mostra quanto sia facile iniziare a catturare elementi HTML come immagini da pagine web utilizzando Perl. Per iniziare a creare immagini basta scarica la libreria Perl, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Perl per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come immagini da pagine web utilizzando PHP. Per iniziare a creare file di immagine basta scarica la libreria PHP, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per PHP per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come immagini da pagine Web utilizzando Python. Per iniziare a creare immagini basta scarica la libreria Python, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Python per scoprire tutti i modi in cui puoi usare l'API di 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") 

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come immagini da pagine Web utilizzando la nostra API REST. Quindi controlla il file Documentazione API per l'API REST per scoprire tutti i modi in cui puoi personalizzare le tue acquisizioni.

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

Il seguente codice di esempio mostra quanto sia facile convertire HTML in un formato JPG usando Ruby. Per iniziare a creare solo immagini scarica Ruby Gem, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Ruby per scoprire tutti i modi in cui puoi usare l'API di 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") 	

Cattura l'elemento HTML come DOCX

Durante la conversione di un elemento HTML acquisito into un documento di Word l'elemento HTML catturato apparirà in alto a sinistra nella pagina del documento di Word.

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come documenti Word da pagine Web utilizzando ASP.NET. Sebbene la libreria ASP.NET di GrabzIt sia compatibile con qualsiasi linguaggio .NET. Per iniziare a creare PDF è sufficiente scarica la libreria ASP.NET, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per ASP.NET per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come documenti Word da pagine Web utilizzando Java. Per iniziare a creare DOCX è solo scarica la libreria Java, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Java per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come documenti Word da pagine Web utilizzando JavaScript. Per iniziare a creare il download di DOCX Libreria JavaScript di GrabzIt. Allora prendi il tuo chiave e segreto, aggiungi il dominio si desidera utilizzare JavaScript e quindi controllare Documentazione API per JavaScript per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

Quando si utilizza l'API JavaScript è anche possibile catturare il contenuto dinamico di 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>

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come documenti Word da pagine Web utilizzando Node.js. Per iniziare a creare DOCX è solo scarica il pacchetto Node.js, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Node.js per scoprire tutti i modi in cui puoi usare l'API di 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;
    }
});

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come documenti Word da pagine web utilizzando Perl. Per iniziare a creare DOCX è solo scarica la libreria Perl, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Perl per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come documenti Word da pagine Web utilizzando PHP. Per iniziare a creare DOCX è solo scarica la libreria PHP, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per PHP per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come documenti Word da pagine Web utilizzando Python. Per iniziare a creare DOCX è solo scarica la libreria Python, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Python per scoprire tutti i modi in cui puoi usare l'API di 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") 

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come documenti Word da pagine Web utilizzando la nostra API REST. Quindi controlla il file Documentazione API per l'API REST per scoprire tutti i modi in cui puoi personalizzare le tue acquisizioni.

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

Il codice di esempio seguente mostra quanto sia facile iniziare a catturare elementi HTML come documenti Word da pagine web utilizzando Ruby. Per iniziare a creare DOCX è solo scarica Ruby Gem, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Ruby per scoprire tutti i modi in cui puoi usare l'API di 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") 	

Cattura l'elemento HTML come PDF

Per impostazione predefinita quando si converte un elemento HTML acquisito into un documento PDF l'elemento HTML catturato apparirà in alto a sinistra della pagina PDF allo stesso modo di DOCX. Tuttavia in PDF è anche possibile eseguire automaticamente imposta la dimensione della pagina in modo che corrisponda alla dimensione dell'elemento HTML.

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come PDF da pagine Web utilizzando ASP.NET. Sebbene la libreria ASP.NET di GrabzIt sia compatibile con qualsiasi linguaggio .NET. Per iniziare a creare PDF è sufficiente scarica la libreria ASP.NET, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per ASP.NET per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine Web utilizzando Java. Per iniziare a creare PDF è sufficiente scarica la libreria Java, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Java per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio seguente mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine web utilizzando JavaScript. Per iniziare a creare il download del PDF Libreria JavaScript di GrabzIt. Allora prendi il tuo chiave e segreto, aggiungi il dominio si desidera utilizzare JavaScript e quindi controllare Documentazione API per JavaScript per scoprire tutti i modi in cui puoi usare l'API di GrabzIt.

Quando si utilizza l'API JavaScript è anche possibile catturare il contenuto dinamico di 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>

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine Web utilizzando Node.js. Per iniziare a creare PDF è sufficiente scarica il pacchetto Node.js, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Node.js per scoprire tutti i modi in cui puoi usare l'API di 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;
    }
});

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine web utilizzando Perl. Per iniziare a creare PDF è sufficiente scarica la libreria Perl, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Perl per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine web utilizzando PHP. Per iniziare a creare PDF è sufficiente scarica la libreria PHP, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per PHP per scoprire tutti i modi in cui puoi usare l'API di 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");

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine Web utilizzando Python. Per iniziare a creare PDF è sufficiente scarica la libreria Python, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Python per scoprire tutti i modi in cui puoi usare l'API di 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") 

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare ad acquisire elementi HTML come PDF da pagine Web utilizzando la nostra API REST. Quindi controlla il file Documentazione API per l'API REST per scoprire tutti i modi in cui puoi personalizzare le tue acquisizioni.

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

Il codice di esempio riportato di seguito mostra quanto sia facile iniziare a catturare elementi HTML come PDF da pagine web utilizzando Ruby. Per iniziare a creare PDF è sufficiente scarica Ruby Gem, prendi il tuo chiave e segreto e poi usa la demo contenuto tra. Quindi controlla il Documentazione API per Ruby per scoprire tutti i modi in cui puoi usare l'API di 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") 	

Acquisizione di elementi HTML nello strumento Screenshot

La capacità di acquisire elementi HTML è disponibile anche nel nostro Strumento Screenshot online quando crei l'attività pianificata, assicurati di impostare il file Elemento target campo con il selettore CSS dell'elemento HTML che desideri acquisire. Se desideri controllare il ritaglio dei documenti PDF, dovrai anche impostare il file Dimensioni pagina personalizzate anche i campi.