Erfassen Sie HTML-Elemente mit GrabzIt
GrabzIt's API und Screenshot-Tool Ermöglichen das Erfassen eines HTML-Elements, das in einer Webseite oder einem HTML-Snippet enthalten ist. Dies kann dann als Bild-, PDF- oder Word-Dokument zurückgegeben werden.
Die einzige Voraussetzung ist, dass das zu erfassende HTML-Element eine hat einzigartiger CSS-Selektor B. eine Klasse, eine ID oder eine komplexere CSS-Auswahl, um sie zu identifizieren.
In den folgenden Beispielen werden wir den Inhalt im DIV unten erfassen.
... <div id="Article"> <p>This is the content I am interested in.</p> <img src="myimage.jpg"> </div> ...
HTML-Element als Bild erfassen
Setzen Sie die Breite und Höhe des Bildes auf -1, damit das Bild der Größe des Ziel-HTML-Elements entspricht. Wenn Sie die Browserhöhe auf -1 setzen, wird auch die Länge des Browserfensters automatisch vergrößert, um sicherzustellen, dass das gewünschte HTML-Element passt into den Browser.
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit ASP.NET zu erfassen. Um einfach mit dem Erstellen von Bildern zu beginnen Laden Sie die ASP.NET-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für ASP.NET Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit Java zu erfassen. Um einfach mit dem Erstellen von Bildern zu beginnen Laden Sie die Java-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Java Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit JavaScript zu erfassen. Um Bilder zu erstellen, laden Sie sie herunter GrabzIt's JavaScript Bibliothek. Dann hol dein Schlüssel und Geheimnis, Domain hinzufügen Sie möchten das JavaScript verwenden und dann die API-Dokumentation für JavaScript Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
Bei Verwendung der JavaScript-API ist dies ebenfalls möglich Erfassen Sie den dynamischen Inhalt eines HTML-Elements.
<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>
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit Node.js zu erfassen. Um einfach mit dem Erstellen von Bildern zu beginnen Laden Sie das Node.js-Paket herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Node.js Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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;
}
});
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente mit Perl als Bilder von Webseiten zu erfassen. Um einfach mit dem Erstellen von Bildern zu beginnen Laden Sie die Perl-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Perl Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
#!/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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit PHP zu erfassen. Um mit dem Erstellen von Bilddateien zu beginnen Laden Sie die PHP-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für PHP Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit Python zu erfassen. Um einfach mit dem Erstellen von Bildern zu beginnen Laden Sie die Python-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Python Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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")
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Bilder von Webseiten mit unserer REST-API zu erfassen. Dann schauen Sie sich das an API-Dokumentation für die REST-API Hier erfahren Sie, wie Sie Ihre Aufnahmen anpassen können.
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
Der folgende Beispielcode zeigt, wie einfach es ist, HTML mit Ruby in ein JPG-Format zu konvertieren. Beginnen Sie einfach mit der Erstellung von Bildern Lade den Ruby Gem herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Ruby Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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")
HTML-Element als DOCX erfassen
Beim Konvertieren eines erfassten HTML-Elements into In einem Word-Dokument wird das erfasste HTML-Element oben links auf der Word-Dokumentseite angezeigt.
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit ASP.NET zu erfassen. Obwohl die ASP.NET-Bibliothek von GrabzIt mit jeder .NET-Sprache kompatibel ist. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie die ASP.NET-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für ASP.NET Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit Java zu erfassen. So starten Sie einfach DOCXs Laden Sie die Java-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Java Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit JavaScript zu erfassen. So erstellen Sie den Download von DOCX GrabzIt's JavaScript Bibliothek. Dann hol dein Schlüssel und Geheimnis, Domain hinzufügen Sie möchten das JavaScript verwenden und dann die API-Dokumentation für JavaScript Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
Bei Verwendung der JavaScript-API ist dies ebenfalls möglich Erfassen Sie den dynamischen Inhalt eines HTML-Elements.
<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>
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit Node.js zu erfassen. So starten Sie einfach DOCXs Laden Sie das Node.js-Paket herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Node.js Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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;
}
});
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit Perl zu erfassen. So starten Sie einfach DOCXs Laden Sie die Perl-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Perl Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
#!/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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit PHP zu erfassen. So starten Sie einfach DOCXs Laden Sie die PHP-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für PHP Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit Python zu erfassen. So starten Sie einfach DOCXs Laden Sie die Python-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Python Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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")
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mithilfe unserer REST-API zu erfassen. Dann schauen Sie sich das an API-Dokumentation für die REST-API Hier erfahren Sie, wie Sie Ihre Aufnahmen anpassen können.
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
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als Word-Dokumente von Webseiten mit Ruby zu erfassen. So starten Sie einfach DOCXs Lade den Ruby Gem herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Ruby Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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")
HTML-Element als PDF erfassen
Standardmäßig beim Konvertieren eines erfassten HTML-Elements intIn einem PDF-Dokument wird das erfasste HTML-Element auf der gleichen Weise wie bei DOCX oben links auf der PDF-Seite angezeigt. In PDF ist es jedoch auch möglich, automatisch Stellen Sie die Seitengröße so ein, dass sie der Größe des HTML-Elements entspricht.
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als PDF von Webseiten mit ASP.NET zu erfassen. Obwohl die ASP.NET-Bibliothek von GrabzIt mit jeder .NET-Sprache kompatibel ist. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie die ASP.NET-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für ASP.NET Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als PDF von Webseiten mit Java zu erfassen. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie die Java-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Java Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als PDF von Webseiten mit JavaScript zu erfassen. So erstellen Sie den Download von PDFs GrabzIt's JavaScript Bibliothek. Dann hol dein Schlüssel und Geheimnis, Domain hinzufügen Sie möchten das JavaScript verwenden und dann die API-Dokumentation für JavaScript Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
Bei Verwendung der JavaScript-API ist dies ebenfalls möglich Erfassen Sie den dynamischen Inhalt eines HTML-Elements.
<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>
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente mit Node.js als PDF von Webseiten zu erfassen. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie das Node.js-Paket herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Node.js Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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;
}
});
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als PDF von Webseiten mit Perl zu erfassen. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie die Perl-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Perl Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
#!/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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als PDF von Webseiten mit PHP zu erfassen. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie die PHP-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für PHP Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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");
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente als PDF von Webseiten mit Python zu erfassen. Um einfach mit dem Erstellen von PDFs zu beginnen Laden Sie die Python-Bibliothek herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Python Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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")
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente mithilfe unserer REST-API als PDF von Webseiten zu erfassen. Dann schauen Sie sich das an API-Dokumentation für die REST-API Hier erfahren Sie, wie Sie Ihre Aufnahmen anpassen können.
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
Der folgende Beispielcode zeigt, wie einfach es ist, HTML-Elemente mit Ruby als PDF von Webseiten zu erfassen. Um einfach mit dem Erstellen von PDFs zu beginnen Lade den Ruby Gem herunter, bekomm dein Schlüssel und Geheimnis und dann benutze die Demo enthalten in. Dann schauen Sie sich das an API-Dokumentation für Ruby Hier erfahren Sie, wie Sie die GrabzIt-API verwenden können.
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")
Erfassen von HTML-Elementen im Screenshot-Tool
Die Möglichkeit, HTML-Elemente zu erfassen, ist auch in unserem verfügbar Online-Screenshot-Tool Stellen Sie beim Erstellen Ihrer geplanten Aufgabe nur sicher, dass Sie die festlegen Zielelement Feld mit dem CSS-Selektor des HTML-Elements, das Sie erfassen möchten. Wenn Sie das Zuschneiden von PDF-Dokumenten steuern möchten, müssen Sie auch das festlegen Benutzerdefinierte Seitengröße Felder auch.