Захват HTML-элементов с помощью GrabzIt
API GrabzIt и Скриншот Инструмент позволяют захватить элемент HTML, содержащийся на веб-странице или фрагменте HTML. Затем его можно вернуть в виде изображения, документа PDF или Word.
Единственное требование - чтобы HTML-элемент для захвата имел уникальный селектор CSS например, класс, идентификатор или более сложный селектор CSS для его идентификации.
В следующих примерах мы захватим содержимое DIV ниже.
... <div id="Article"> <p>This is the content I am interested in.</p> <img src="myimage.jpg"> </div> ...
Захватить элемент HTML как изображение
Установите ширину и высоту изображения на -1, чтобы изображение соответствовало размеру целевого элемента HTML. Если установить высоту браузера на -1, длина окна браузера также будет автоматически увеличиваться, чтобы гарантировать, что если целевой элемент HTML подходит into браузер.
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью ASP.NET. Чтобы начать создавать изображения, просто скачать библиотеку ASP.NET, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для ASP.NET чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью Java. Чтобы начать создавать изображения, просто скачать библиотеку Java, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Java чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью JavaScript. Чтобы начать создавать изображения, скачайте Библиотека JavaScript GrabzIt, Тогда получите ваш ключ и секрет, добавить домен Вы хотите использовать JavaScript, а затем проверить API документация для JavaScript чтобы узнать все способы, которыми вы можете использовать API GrabzIt.
При использовании JavaScript API также возможно захватить динамическое содержимое 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>
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью Node.js. Чтобы начать создавать изображения, просто скачать пакет Node.js, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Node.js чтобы узнать все способы, которыми вы можете использовать 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;
}
});
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью Perl. Чтобы начать создавать изображения, просто скачать библиотеку Perl, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Perl чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью PHP. Чтобы начать создавать файлы изображений, просто скачать библиотеку PHP, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте API документация для PHP чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью Python. Чтобы начать создавать изображения, просто скачать библиотеку Python, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Python чтобы узнать все способы, которыми вы можете использовать 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")
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде изображений с веб-страниц с помощью нашего REST API. Тогда посмотрите Документация по API для API REST чтобы узнать все способы, которыми вы можете настроить ваши снимки.
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
Приведенный ниже пример кода показывает, как легко конвертировать HTML в формат JPG с использованием Ruby. Чтобы начать создавать изображения просто скачать Ruby Gem, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Ruby чтобы узнать все способы, которыми вы можете использовать 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")
Захватить элемент HTML как DOCX
При преобразовании захваченного HTML-элемента intВ документе Word захваченный HTML-элемент появится в верхнем левом углу страницы документа Word.
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью ASP.NET. Хотя библиотека GrabzIt ASP.NET совместима с любым языком .NET. Чтобы начать создавать PDF-файлы, просто скачать библиотеку ASP.NET, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для ASP.NET чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью Java. Чтобы начать создавать DOCX, просто скачать библиотеку Java, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Java чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью JavaScript. Чтобы начать создание загрузки в формате DOCX Библиотека JavaScript GrabzIt, Тогда получите ваш ключ и секрет, добавить домен Вы хотите использовать JavaScript, а затем проверить API документация для JavaScript чтобы узнать все способы, которыми вы можете использовать API GrabzIt.
При использовании JavaScript API также возможно захватить динамическое содержимое 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>
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью Node.js. Чтобы начать создавать DOCX, просто скачать пакет Node.js, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Node.js чтобы узнать все способы, которыми вы можете использовать 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;
}
});
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью Perl. Чтобы начать создавать DOCX, просто скачать библиотеку Perl, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Perl чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью PHP. Чтобы начать создавать DOCX, просто скачать библиотеку PHP, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте API документация для PHP чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, насколько легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью Python. Чтобы начать создавать DOCX, просто скачать библиотеку Python, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Python чтобы узнать все способы, которыми вы можете использовать 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")
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью нашего REST API. Тогда посмотрите Документация по API для API REST чтобы узнать все способы, которыми вы можете настроить ваши снимки.
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
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в виде документов Word с веб-страниц с помощью Ruby. Чтобы начать создавать DOCX, просто скачать Ruby Gem, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Ruby чтобы узнать все способы, которыми вы можете использовать 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")
Захватить элемент HTML как PDF
По умолчанию при преобразовании захваченного HTML-элемента intВ PDF-документе захваченный HTML-элемент будет отображаться в верхнем левом углу страницы PDF так же, как и для DOCX. Однако в PDF также можно автоматически установите размер страницы так, чтобы он соответствовал размеру элемента HTML.
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью ASP.NET. Хотя библиотека GrabzIt ASP.NET совместима с любым языком .NET. Чтобы начать создавать PDF-файлы, просто скачать библиотеку ASP.NET, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для ASP.NET чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью Java. Чтобы начать создавать PDF-файлы, просто скачать библиотеку Java, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Java чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью JavaScript. Чтобы начать создание PDF-файла, скачать Библиотека JavaScript GrabzIt, Тогда получите ваш ключ и секрет, добавить домен Вы хотите использовать JavaScript, а затем проверить API документация для JavaScript чтобы узнать все способы, которыми вы можете использовать API GrabzIt.
При использовании JavaScript API также возможно захватить динамическое содержимое 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>
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью Node.js. Чтобы начать создавать PDF-файлы, просто скачать пакет Node.js, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Node.js чтобы узнать все способы, которыми вы можете использовать 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;
}
});
В приведенном ниже примере кода показано, насколько легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью Perl. Чтобы начать создавать PDF-файлы, просто скачать библиотеку Perl, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Perl чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью PHP. Чтобы начать создавать PDF-файлы, просто скачать библиотеку PHP, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте API документация для PHP чтобы узнать все способы, которыми вы можете использовать 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");
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью Python. Чтобы начать создавать PDF-файлы, просто скачать библиотеку Python, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Python чтобы узнать все способы, которыми вы можете использовать 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")
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью нашего REST API. Тогда посмотрите Документация по API для API REST чтобы узнать все способы, которыми вы можете настроить ваши снимки.
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
В приведенном ниже примере кода показано, как легко начать захват HTML-элементов в формате PDF с веб-страниц с помощью Ruby. Чтобы начать создавать PDF-файлы, просто скачать Ruby Gem, получить ваши ключ и секрет , а затем использовать демо содержащиеся в. Тогда проверьте Документация по API для Ruby чтобы узнать все способы, которыми вы можете использовать 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")
Захват HTML-элементов в инструменте создания снимков экрана
Возможность захвата HTML-элементов также доступна в нашем Интернет Скриншот Инструмент при создании запланированной задачи просто убедитесь, что вы установили Целевой элемент поле с селектором CSS для элемента HTML, который вы хотите захватить. Если вы хотите контролировать обрезку PDF-документов, вам также необходимо установить Пользовательский размер страницы поля тоже.