Przechwytuj elementy HTML za pomocą GrabzIt
GrabzIt's API i Narzędzie do zrzutów ekranu umożliwiają przechwycenie elementu HTML zawartego na stronie internetowej lub we fragmencie HTML. Można go następnie zwrócić jako obraz, dokument PDF lub Word.
Jedynym wymaganiem jest to, aby przechwytywany element HTML miał rozszerzenie unikalny selektor CSS takie jak klasa, identyfikator lub bardziej złożony selektor CSS do identyfikacji.
W poniższych przykładach przechwycimy zawartość w DIV poniżej.
... <div id="Article"> <p>This is the content I am interested in.</p> <img src="myimage.jpg"> </div> ...
Przechwyć element HTML jako obraz
Ustaw szerokość i wysokość obrazu na -1, aby obraz odpowiadał rozmiarowi docelowego elementu HTML. Ustawiając wysokość przeglądarki na -1, długość okna przeglądarki również automatycznie się zwiększy, aby zapewnić dopasowanie docelowego elementu HTML into przeglądarkę.
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych przy użyciu ASP.NET. Aby rozpocząć tworzenie obrazów, wystarczy pobierz bibliotekę ASP.NET, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla ASP.NET aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych przy użyciu języka Java. Aby rozpocząć tworzenie obrazów, wystarczy pobierz bibliotekę Java, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Java aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych przy użyciu JavaScript. Aby rozpocząć tworzenie obrazów, pobierz Biblioteka JavaScript GrabzIt. Więc weź swój klucz i sekret, dodaj domenę chcesz włączyć JavaScript, a następnie sprawdź Dokumentacja API dla JavaScript aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.
Korzystając z JavaScript API można również przechwytywanie dynamicznej zawartości elementu 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>
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych za pomocą Node.js. Aby rozpocząć tworzenie obrazów, wystarczy pobierz pakiet Node.js, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Node.js aby dowiedzieć się, jak korzystać z interfejsu API 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;
}
});
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych za pomocą Perla. Aby rozpocząć tworzenie obrazów, wystarczy pobierz bibliotekę Perla, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Perla aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych przy użyciu PHP. Aby rozpocząć tworzenie plików graficznych, wystarczy pobierz bibliotekę PHP, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla PHP aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych za pomocą Pythona. Aby rozpocząć tworzenie obrazów, wystarczy pobierz bibliotekę Python, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Pythona aby dowiedzieć się, jak korzystać z interfejsu API 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")
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako obrazów ze stron internetowych za pomocą naszego REST API. Następnie sprawdź Dokumentacja API dla REST API aby poznać wszystkie sposoby dostosowywania swoich ujęć.
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
Przykładowy kod poniżej pokazuje, jak łatwo przekonwertować HTML na format JPG za pomocą Ruby. Aby rozpocząć tworzenie obrazów pobierz Ruby Gem, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Ruby aby dowiedzieć się, jak korzystać z interfejsu API 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")
Przechwyć element HTML jako DOCX
Podczas konwersji przechwyconego elementu HTML intoa dokument Word przechwycony element HTML pojawi się w lewym górnym rogu strony dokumentu Word.
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów programu Word ze stron internetowych przy użyciu ASP.NET. Chociaż biblioteka ASP.NET GrabzIt jest kompatybilna z dowolnym językiem .NET. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz bibliotekę ASP.NET, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla ASP.NET aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów programu Word ze stron internetowych przy użyciu języka Java. Aby rozpocząć tworzenie DOCX wystarczy pobierz bibliotekę Java, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Java aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów programu Word ze stron internetowych przy użyciu JavaScript. Aby rozpocząć tworzenie plików do pobrania DOCX Biblioteka JavaScript GrabzIt. Więc weź swój klucz i sekret, dodaj domenę chcesz włączyć JavaScript, a następnie sprawdź Dokumentacja API dla JavaScript aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.
Korzystając z JavaScript API można również przechwytywanie dynamicznej zawartości elementu 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>
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów Worda ze stron internetowych za pomocą Node.js. Aby rozpocząć tworzenie DOCX wystarczy pobierz pakiet Node.js, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Node.js aby dowiedzieć się, jak korzystać z interfejsu API 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;
}
});
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów Worda ze stron internetowych za pomocą Perla. Aby rozpocząć tworzenie DOCX wystarczy pobierz bibliotekę Perla, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Perla aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów Worda ze stron internetowych przy użyciu PHP. Aby rozpocząć tworzenie DOCX wystarczy pobierz bibliotekę PHP, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla PHP aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów programu Word ze stron internetowych za pomocą Pythona. Aby rozpocząć tworzenie DOCX wystarczy pobierz bibliotekę Python, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Pythona aby dowiedzieć się, jak korzystać z interfejsu API 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")
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów Worda ze stron internetowych za pomocą naszego REST API. Następnie sprawdź Dokumentacja API dla REST API aby poznać wszystkie sposoby dostosowywania swoich ujęć.
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
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako dokumentów Worda ze stron internetowych za pomocą Rubiego. Aby rozpocząć tworzenie DOCX wystarczy pobierz Ruby Gem, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Ruby aby dowiedzieć się, jak korzystać z interfejsu API 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")
Przechwyć element HTML jako plik PDF
Domyślnie podczas konwersji przechwyconego elementu HTML into dokument PDF przechwycony element HTML pojawi się w lewym górnym rogu strony PDF w taki sam sposób jak w przypadku DOCX. Jednak w formacie PDF możliwe jest również automatyczne ustaw rozmiar strony tak, aby odpowiadał rozmiarowi elementu HTML.
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML w formacie PDF ze stron internetowych przy użyciu ASP.NET. Chociaż biblioteka ASP.NET GrabzIt jest kompatybilna z dowolnym językiem .NET. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz bibliotekę ASP.NET, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla ASP.NET aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML w formacie PDF ze stron internetowych przy użyciu języka Java. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz bibliotekę Java, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Java aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako PDF ze stron internetowych przy użyciu JavaScript. Aby rozpocząć tworzenie plików PDF do pobrania Biblioteka JavaScript GrabzIt. Więc weź swój klucz i sekret, dodaj domenę chcesz włączyć JavaScript, a następnie sprawdź Dokumentacja API dla JavaScript aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.
Korzystając z JavaScript API można również przechwytywanie dynamicznej zawartości elementu 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>
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako PDF ze stron internetowych za pomocą Node.js. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz pakiet Node.js, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Node.js aby dowiedzieć się, jak korzystać z interfejsu API 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;
}
});
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML w formacie PDF ze stron internetowych za pomocą Perla. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz bibliotekę Perla, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Perla aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako PDF ze stron internetowych za pomocą PHP. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz bibliotekę PHP, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla PHP aby dowiedzieć się, jak korzystać z interfejsu API 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");
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako PDF ze stron internetowych za pomocą Pythona. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz bibliotekę Python, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Pythona aby dowiedzieć się, jak korzystać z interfejsu API 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")
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML w formacie PDF ze stron internetowych za pomocą naszego REST API. Następnie sprawdź Dokumentacja API dla REST API aby poznać wszystkie sposoby dostosowywania swoich ujęć.
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
Poniższy przykładowy kod pokazuje, jak łatwo jest rozpocząć przechwytywanie elementów HTML jako PDF ze stron internetowych za pomocą Rubiego. Aby rozpocząć tworzenie plików PDF, wystarczy pobierz Ruby Gem, Weź swój klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź Dokumentacja API dla Ruby aby dowiedzieć się, jak korzystać z interfejsu API 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")
Przechwytywanie elementów HTML w narzędziu Screenshot Tool
Możliwość przechwytywania elementów HTML jest również dostępna w naszym Narzędzie do tworzenia zrzutów ekranu podczas tworzenia zaplanowanego zadania po prostu upewnij się, że ustawiłeś Element docelowy pole z selektorem CSS elementu HTML, który chcesz przechwycić. Jeśli chcesz kontrolować kadrowanie dokumentów PDF, musisz również ustawić rozszerzenie Niestandardowy rozmiar strony pola również.