Tools zum Erfassen und Konvertieren des Webs

Erfassen Sie Website-Screenshots oder konvertieren Sie HTML in BilderPerl API

Erstellen Sie perfekte Screenshots von Websites oder konvertieren Sie HTML direkt in Bilder, indem Sie die folgenden Funktionen von verwenden GrabzIt's Perl API. Bevor Sie jedoch anfangen, denken Sie daran, dass nach dem Aufruf der URLToImage, HTMLToImage or FileToImage Methoden der Save or SaveTo Methode muss aufgerufen werden, um das Image zu erstellen.

Grundlegende Optionen

Es ist nur ein Parameter erforderlich, um einen Screenshot einer Webseite oder zu erstellen HTML konvertieren into ein Bild wie im folgenden Beispiel gezeigt.

$grabzIt->URLToImage("https://www.tesla.com");
# Then call the Save or SaveTo method
$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>");
# Then call the Save or SaveTo method
$grabzIt->FileToImage("example.html");
# Then call the Save or SaveTo method

Bildformate

Die Perl-API von GrabzIt kann Bilder in verschiedenen Formaten erstellen, einschließlich JPG, PNG, WEBP, BMP (8-Bit, 16-Bit, 24-Bit oder 32-Bit) und TIFF. Das Standardformat fĂŒr Bild-Screenshots ist JPG. Unter diesen UmstĂ€nden ist die QualitĂ€t eines JPG-Bilds fĂŒr einige Anwendungen möglicherweise nicht gut genug. FĂŒr Screenshots wird das PNG-Format empfohlen, da es ein ausgewogenes VerhĂ€ltnis zwischen QualitĂ€t und DateigrĂ¶ĂŸe bietet. Das folgende Beispiel zeigt einen Screenshot, der im PNG-Format aufgenommen wurde.

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

$options = GrabzItImageOptions->new();
$options->format("png");

$grabzIt->URLToImage("https://www.tesla.com", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.png");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->format("png");

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.png");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->format("png");

$grabzIt->FileToImage("example.html", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.png");

BrowsergrĂ¶ĂŸe

Die BrowsergrĂ¶ĂŸe bezieht sich auf die GrĂ¶ĂŸe des Browserfensters, das beim Aufnehmen des Screenshots verwendet wird. In den meisten FĂ€llen muss dies nicht festgelegt werden, da die Standard-BrowsergrĂ¶ĂŸe fĂŒr alle Aufgaben ausreicht. Um die StandardgrĂ¶ĂŸe des Browsers zu verwenden, ĂŒbergeben Sie einfach 0 , und hellen sich wieder auf, wenn Wolken aufziehen. Mit der SnowVision hast du eine Skibrille, die optimale Sicht bei jedem Wetter ermöglicht. browserWidth und browserHeight Methoden der GrabzItImageOptions Klasse.

BildgrĂ¶ĂŸe Ă€ndern

Das Ändern der BildgrĂ¶ĂŸe ist einfach, ohne dass das Bild verzerrt wird, ist jedoch etwas schwieriger. Um den gesamten Vorgang zu vereinfachen, empfehlen wir, dies zu verwenden einfacher Bildmaßrechner.

Wenn Sie die Breite und Höhe des Bilds auf eine GrĂ¶ĂŸe erhöhen möchten, die grĂ¶ĂŸer als die Breite und Höhe des Browsers ist (standardmĂ€ĂŸig 1024 x 728 Pixel), mĂŒssen auch die Breite und Höhe des Browsers entsprechend erhöht werden.

Benutzerdefinierte Kennung

Sie können der einen benutzerdefinierten Bezeichner ĂŒbergeben Image Bei den folgenden Methoden wird dieser Wert an Ihren GrabzIt Perl-Handler zurĂŒckgegeben. Diese benutzerdefinierte Kennung kann beispielsweise eine Datenbankkennung sein, mit der ein Screenshot einem bestimmten Datenbankeintrag zugeordnet werden kann.

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

$options = GrabzItImageOptions->new();
$options->customId("123456");

$grabzIt->URLToImage("https://www.tesla.com", $options);
# Then call the Save method
$grabzIt->Save("http://www.example.com/handler.pl");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->customId("123456");

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
# Then call the Save method
$grabzIt->Save("http://www.example.com/handler.pl");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->customId("123456");

$grabzIt->FileToImage("example.html", $options);
# Then call the Save method
$grabzIt->Save("http://www.example.com/handler.pl");

Screenshot in voller LĂ€nge

GrabzIt ermöglicht es Ihnen, einen Screenshot in voller LĂ€nge einer gesamten Webseite zu machen, um dies zu tun, mĂŒssen Sie ein -1 an das ĂŒbergeben browserHeight Methode. Um sicherzustellen, dass das Bild der GrĂ¶ĂŸe des Browsers entspricht, ĂŒbergeben Sie ein -1 an das height und width Methoden.

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

$grabzIt->URLToImage("https://www.tesla.com", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$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);

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$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);

$grabzIt->FileToImage("example.html", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");

Sie können auch Miniaturansichten zurĂŒckgeben, die nicht zugeschnitten sind. Beachten Sie jedoch, dass dies zu großen Bildern fĂŒhren kann. Übergeben Sie dazu ein -1 an das height und / oder width Methoden. Die Dimension, die als -1 ĂŒbergeben wird, wird nicht zugeschnitten.

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

$options = GrabzItImageOptions->new();
$options->width(-1);
$options->height(-1);

$grabzIt->URLToImage("https://www.tesla.com", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->width(-1);
$options->height(-1);

$grabzIt->HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
$grabzIt = GrabzItClient->new("Sign in to view your Application Key", "Sign in to view your Application Secret");

$options = GrabzItImageOptions->new();
$options->width(-1);
$options->height(-1);

$grabzIt->FileToImage("example.html", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");
Beachten Sie, dass es keine Browser-Breite in voller LĂ€nge gibt!

Wenn Sie diese speziellen Werte in den Methoden fĂŒr Höhe, Breite und Ausgabehöhe des Browsers verwenden, können Sie auf Wunsch einen Screenshot erstellen, der genau die GrĂ¶ĂŸe der gesamten Webseite hat.

Machen Sie einen Screenshot eines Seitenelements

Mit GrabzIt können Sie einen Screenshot eines HTML-Elements wie z div or span Tag, und erfassen Sie den gesamten Inhalt. Dazu muss die ID oder Klasse des HTML-Elements, das Sie screenshoten möchten, als angegeben werden CSS-Selektor.

...
<div id="features">
	<img src="http://www.example.com/boy.jpg"/><h3>Boy Found</h3>
</div>
...

Im Code-Snippet unten sehen wir den Div mit der ID "features" und geben ihn als 250 x 250px JPEG-Bild zurĂŒck.

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

# The 250 parameters indicates that image should be sized to 250 x 250 px
$options = GrabzItImageOptions->new();
$options->width(250);
$options->height(250);
$options->format("jpg");
$options->targetElement("#features");

$grabzIt->URLToImage("http://www.bbc.co.uk/news", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");

Im nĂ€chsten Beispiel wird ein weiterer Screenshot des Divs "Features" erstellt. Diesmal wird jedoch ein JPEG-Bild ausgegeben, das genau der GrĂ¶ĂŸe des Divs im Browser entspricht.

$grabzIt = GrabzItClient->new("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->new();
$options->width(250);
$options->height(250);
$options->browserHeight(-1);
$options->format("jpg");
$options->targetElement("#features");

$grabzIt->URLToImage("http://www.bbc.co.uk/news", $options);
# Then call the Save or SaveTo method
$grabzIt->SaveTo("result.jpg");