Tools om het web vast te leggen en te converteren
HTML-element vastleggen

Leg HTML-elementen vast met GrabzIt

GrabzIt's API en Schermafbeeldingstool maken het mogelijk om een ​​HTML-element op een webpagina of HTML-fragment vast te leggen. Dit kan vervolgens worden geretourneerd als een afbeelding, pdf of Word-document.

De enige vereiste is dat het HTML-element dat moet worden vastgelegd een unieke CSS-selector zoals een klasse, id of meer complexe CSS-selector om deze te identificeren.

In de volgende voorbeelden zullen we de inhoud in de DIV hieronder vastleggen.

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

Leg HTML-element vast als afbeelding

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 de browser.

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met ASP.NET. Om te beginnen met het maken van afbeeldingen download de ASP.NET-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor ASP.NET om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met Java. Om te beginnen met het maken van afbeeldingen download de Java-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Java om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met JavaScript. Download om te beginnen met het maken van afbeeldingen GrabzIt's JavaScript-bibliotheek. Pak dan je sleutel en geheim, voeg het domein toe u wilt JavaScript gebruiken en vervolgens de bekijken API-documentatie voor JavaScript om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

Bij gebruik van de JavaScript API is het ook mogelijk om dynamische inhoud van een HTML-element vastleggen.

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

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met Node.js. Om te beginnen met het maken van afbeeldingen download het Node.js-pakket, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Node.js om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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;
    }
});

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met Perl. Om te beginnen met het maken van afbeeldingen download de Perl-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Perl om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

#!/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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met PHP. Om te beginnen met het maken van afbeeldingsbestanden download de PHP-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor PHP om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met Python. Om te beginnen met het maken van afbeeldingen download de Python-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Python om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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") 

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als afbeeldingen van webpagina's vast te leggen met behulp van onze REST API. Bekijk dan de API-documentatie voor de REST API om alle manieren te ontdekken waarop u uw opnamen kunt aanpassen.

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

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML naar een JPG-indeling te converteren met Ruby. Om te beginnen met het maken van afbeeldingen download de Ruby Gem, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Ruby om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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") 	

Leg HTML-element vast als DOCX

Bij het converteren van een vastgelegd HTML-element into Word-document het vastgelegde HTML-element zal linksboven op de Word-documentpagina verschijnen.

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met ASP.NET. Hoewel de ASP.NET-bibliotheek van GrabzIt compatibel is met elke .NET-taal. Om te beginnen met het maken van PDF's gewoon download de ASP.NET-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor ASP.NET om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met Java. Om te beginnen met het maken van DOCX's gewoon download de Java-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Java om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met JavaScript. Om te beginnen met het maken van de download van DOCX GrabzIt's JavaScript-bibliotheek. Pak dan je sleutel en geheim, voeg het domein toe u wilt JavaScript gebruiken en vervolgens de bekijken API-documentatie voor JavaScript om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

Bij gebruik van de JavaScript API is het ook mogelijk om dynamische inhoud van een HTML-element vastleggen.

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

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met Node.js. Om te beginnen met het maken van DOCX's gewoon download het Node.js-pakket, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Node.js om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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;
    }
});

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met Perl. Om te beginnen met het maken van DOCX's gewoon download de Perl-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Perl om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

#!/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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met PHP. Om te beginnen met het maken van DOCX's gewoon download de PHP-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor PHP om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met Python. Om te beginnen met het maken van DOCX's gewoon download de Python-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Python om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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") 

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met behulp van onze REST API. Bekijk dan de API-documentatie voor de REST API om alle manieren te ontdekken waarop u uw opnamen kunt aanpassen.

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

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als Word-documenten van webpagina's vast te leggen met Ruby. Om te beginnen met het maken van DOCX's gewoon download de Ruby Gem, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Ruby om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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") 	

Leg HTML-element vast als PDF

Standaard bij het converteren van een vastgelegd HTML-element into een PDF-document het vastgelegde HTML-element verschijnt in de linkerbovenhoek van de PDF-pagina op dezelfde manier als voor DOCX. In pdf is het echter ook mogelijk om automatisch stel het paginaformaat zo in dat het overeenkomt met het formaat van het HTML-element.

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met ASP.NET. Hoewel de ASP.NET-bibliotheek van GrabzIt compatibel is met elke .NET-taal. Om te beginnen met het maken van PDF's gewoon download de ASP.NET-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor ASP.NET om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF vast te leggen vanaf webpagina's met Java. Om te beginnen met het maken van PDF's gewoon download de Java-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Java om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF vast te leggen vanaf webpagina's met JavaScript. Om te beginnen met het maken van een PDF-download GrabzIt's JavaScript-bibliotheek. Pak dan je sleutel en geheim, voeg het domein toe u wilt JavaScript gebruiken en vervolgens de bekijken API-documentatie voor JavaScript om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

Bij gebruik van de JavaScript API is het ook mogelijk om dynamische inhoud van een HTML-element vastleggen.

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

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met Node.js. Om te beginnen met het maken van PDF's gewoon download het Node.js-pakket, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Node.js om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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;
    }
});

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met Perl. Om te beginnen met het maken van PDF's gewoon download de Perl-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Perl om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

#!/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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met PHP. Om te beginnen met het maken van PDF's gewoon download de PHP-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor PHP om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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");

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met Python. Om te beginnen met het maken van PDF's gewoon download de Python-bibliotheek, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Python om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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") 

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met behulp van onze REST API. Bekijk dan de API-documentatie voor de REST API om alle manieren te ontdekken waarop u uw opnamen kunt aanpassen.

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

De onderstaande voorbeeldcode laat zien hoe gemakkelijk het is om HTML-elementen als PDF van webpagina's vast te leggen met Ruby. Om te beginnen met het maken van PDF's gewoon download de Ruby Gem, krijg je sleutel en geheim en gebruik de demo vervat in. Bekijk dan de API-documentatie voor Ruby om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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") 	

HTML-elementen vastleggen in de Screenshot-tool

De mogelijkheid om HTML-elementen vast te leggen is ook beschikbaar in ons Online screenshot-tool Zorg er bij het maken van uw geplande taak voor dat u de Doelelement veld met de CSS-selector van het HTML-element dat u wilt vastleggen. Als u het bijsnijden van PDF-documenten wilt regelen, moet u ook de Aangepast paginaformaat velden ook.