Инструменты для захвата и конвертирования Интернета
захватить HTML-элемент

Захват 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@3.4.8/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.ashx?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@3.4.8/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.ashx?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@3.4.8/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.ashx?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-документов, вам также необходимо установить Пользовательский размер страницы поля тоже.