Tools zum Erfassen und Konvertieren des Webs

Machen Sie Website-Screenshots oder verwandeln Sie HTML in Bilder in JavaJava API

Erstellen Sie perfekte Screenshots von Websites oder konvertieren Sie HTML direkt in Bilder, indem Sie die folgenden Funktionen von verwenden GrabzIt's Java 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 den Screenshot zu machen.

Grundlegende Optionen

Nur ein Parameter ist erforderlich, um einen Screenshot von einer Webseite oder zu machen HTML konvertieren into ein Bild Datei. 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

Bild-Screenshot-Formate

Die Java-API von GrabzIt kann Screenshots in verschiedenen Formaten aufnehmen, darunter 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 JPEG-Bilds fĂŒr einige Apps 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.

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

ImageOptions options = new ImageOptions();
options.setFormat(ImageFormat.PNG);

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

ImageOptions options = new ImageOptions();
options.setFormat(ImageFormat.PNG);

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

ImageOptions options = new ImageOptions();
options.setFormat(ImageFormat.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 fast alle Aufgaben ausreicht. Übergeben Sie zum Einstellen der BrowsergrĂ¶ĂŸe einen Wert an setBrowserWidth und setBrowserHeight Methoden der ImageOptions 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 Java-Handler zurĂŒckgegeben. Diese benutzerdefinierte Kennung kann beispielsweise eine Datenbankkennung sein, mit der ein Screenshot einem bestimmten Datenbankeintrag zugeordnet werden kann.

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

ImageOptions options = new ImageOptions();
options.setCustomId("123456");

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

ImageOptions options = new ImageOptions();
options.setCustomId("123456");

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

ImageOptions options = new ImageOptions();
options.setCustomId("123456");

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

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 setBrowserHeight Methode. Um sicherzustellen, dass das Bild der GrĂ¶ĂŸe des Browsers entspricht, ĂŒbergeben Sie ein -1 an das setHeight und setWidth Methoden.

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

ImageOptions options = new ImageOptions();
options.setBrowserHeight(-1);
options.setWidth(-1);
options.setHeight(-1);

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

ImageOptions options = new ImageOptions();
options.setBrowserHeight(-1);
options.setWidth(-1);
options.setHeight(-1);

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

ImageOptions options = new ImageOptions();
options.setBrowserHeight(-1);
options.setWidth(-1);
options.setHeight(-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 setHeight und / oder setWidth Methoden. Alle Dimensionen, die mit -1 ĂŒbergeben werden, werden nicht beschnitten.

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

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

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

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 verwenden, können Sie einen Screenshot erstellen, der eine Vollversion der gesamten Webseite ist, wenn Sie dies wĂŒnschen!

Machen Sie einen Screenshot eines Seitenelements

Mit GrabzIt können Sie einen Screenshot eines beliebigen HTML-Elements erstellen, sofern es eine ID oder ein Klassenattribut hat, z. B. a 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/football.jpg"/><h3>Local Team Loses</h3>
</div>
...

Im folgenden Beispiel wird die div mit der ID "features" erfasst und als 250 x 250px JPEG-Bild ausgegeben.

GrabzItClient grabzIt = new GrabzItClient("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
ImageOptions options = new ImageOptions();
options.setWidth(250);
options.setHeight(250);
options.setFormat(ImageFormat.JPG);
options.setTargetElement("#features");

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

Das nĂ€chste Beispiel erfasst erneut das Div "Features", gibt jedoch dieses Mal ein JPEG-Bild aus, das genau die gleiche GrĂ¶ĂŸe wie das Div hat.

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

// The -1 indicates that image should not be cropped
ImageOptions options = new ImageOptions();
options.setWidth(-1);
options.setHeight(-1);
options.setBrowserHeight(-1);
options.setFormat(ImageFormat.JPG);
options.setTargetElement("#features");

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