Outils pour capturer et convertir le Web
capturer l'élément HTML

Capturez des éléments HTML avec GrabzIt

API de GrabzIt & Outil de capture d'écran permettent de capturer un élément HTML contenu dans une page Web ou un extrait de code HTML. Celui-ci peut ensuite être renvoyé sous forme d'image, de document PDF ou Word.

La seule exigence est que l'élément HTML à capturer ait un sélecteur CSS unique comme une classe, un identifiant ou un sélecteur CSS plus complexe pour l'identifier.

Dans les exemples suivants, nous capturerons le contenu de la DIV ci-dessous.

...
<div id="Article">
<p>This is the content I am interested in.</p>
<img src="myimage.jpg">
</div>
...

Capturer l'élément HTML en tant qu'image

Définissez la largeur et la hauteur de l'image sur -1 afin que l'image corresponde à la taille de l'élément HTML ciblé. En définissant la hauteur du navigateur sur -1, la longueur de la fenêtre du navigateur augmentera également automatiquement pour garantir que si l'élément HTML ciblé correspond into le navigateur.

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide d'ASP.NET. Pour commencer à créer des images simplement télécharger la bibliothèque ASP.NET, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour ASP.NET pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide de Java. Pour commencer à créer des images simplement télécharger la bibliothèque Java, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Java pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide de JavaScript. Pour commencer à créer des images, téléchargez Bibliothèque JavaScript de GrabzIt. Alors récupère ton clé et secret, ajouter le domaine vous voulez utiliser le JavaScript, puis consultez le Documentation API pour JavaScript pour découvrir toutes les manières d'utiliser l'API de GrabzIt.

Lors de l'utilisation de l'API JavaScript, il est également possible de capturer le contenu dynamique d'un élément 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>

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide de Node.js. Pour commencer à créer des images simplement téléchargez le package Node.js, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Node.js pour découvrir toutes les manières d'utiliser l'API de 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;
    }
});

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web en utilisant Perl. Pour commencer à créer des images simplement télécharger la bibliothèque Perl, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Perl pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide de PHP. Pour commencer à créer des fichiers image simplement télécharger la bibliothèque PHP, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour PHP pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide de Python. Pour commencer à créer des images simplement télécharger la bibliothèque Python, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Python pour découvrir toutes les manières d'utiliser l'API de 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") 

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme d'images à partir de pages Web à l'aide de notre API REST. Ensuite, consultez le Documentation de l'API pour l'API REST pour découvrir toutes les façons dont vous pouvez personnaliser vos captures.

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

L'exemple de code ci-dessous montre à quel point il est facile de convertir HTML au format JPG à l'aide de Ruby. Pour commencer à créer des images juste télécharger le Ruby Gem, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Ruby pour découvrir toutes les manières d'utiliser l'API de 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") 	

Capturer l'élément HTML en tant que DOCX

Lors de la conversion d'un élément HTML capturé into un document Word, l'élément HTML capturé apparaîtra en haut à gauche de la page du document Word.

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide d'ASP.NET. Bien que la bibliothèque ASP.NET de GrabzIt soit compatible avec n'importe quel langage .NET. Pour commencer à créer simplement des PDF télécharger la bibliothèque ASP.NET, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour ASP.NET pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de Java. Pour commencer à créer simplement DOCX télécharger la bibliothèque Java, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Java pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de JavaScript. Pour commencer à créer le téléchargement de DOCX Bibliothèque JavaScript de GrabzIt. Alors récupère ton clé et secret, ajouter le domaine vous voulez utiliser le JavaScript, puis consultez le Documentation API pour JavaScript pour découvrir toutes les manières d'utiliser l'API de GrabzIt.

Lors de l'utilisation de l'API JavaScript, il est également possible de capturer le contenu dynamique d'un élément 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>

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de Node.js. Pour commencer à créer simplement DOCX téléchargez le package Node.js, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Node.js pour découvrir toutes les manières d'utiliser l'API de 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;
    }
});

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web en utilisant Perl. Pour commencer à créer simplement DOCX télécharger la bibliothèque Perl, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Perl pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de PHP. Pour commencer à créer simplement DOCX télécharger la bibliothèque PHP, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour PHP pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de Python. Pour commencer à créer simplement DOCX télécharger la bibliothèque Python, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Python pour découvrir toutes les manières d'utiliser l'API de 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") 

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de notre API REST. Ensuite, consultez le Documentation de l'API pour l'API REST pour découvrir toutes les façons dont vous pouvez personnaliser vos captures.

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

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML sous forme de documents Word à partir de pages Web à l'aide de Ruby. Pour commencer à créer simplement DOCX télécharger le Ruby Gem, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Ruby pour découvrir toutes les manières d'utiliser l'API de 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") 	

Capturer l'élément HTML au format PDF

Par défaut lors de la conversion d'un élément HTML capturé into un document PDF, l'élément HTML capturé apparaîtra en haut à gauche de la page PDF de la même manière que pour DOCX. Cependant, en PDF, il est également possible de définir la taille de la page pour qu'elle corresponde à la taille de l'élément HTML.

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide d'ASP.NET. Bien que la bibliothèque ASP.NET de GrabzIt soit compatible avec n'importe quel langage .NET. Pour commencer à créer simplement des PDF télécharger la bibliothèque ASP.NET, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour ASP.NET pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de Java. Pour commencer à créer simplement des PDF télécharger la bibliothèque Java, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Java pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de JavaScript. Pour commencer à créer le téléchargement de PDF Bibliothèque JavaScript de GrabzIt. Alors récupère ton clé et secret, ajouter le domaine vous voulez utiliser le JavaScript, puis consultez le Documentation API pour JavaScript pour découvrir toutes les manières d'utiliser l'API de GrabzIt.

Lors de l'utilisation de l'API JavaScript, il est également possible de capturer le contenu dynamique d'un élément 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>

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de Node.js. Pour commencer à créer simplement des PDF téléchargez le package Node.js, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Node.js pour découvrir toutes les manières d'utiliser l'API de 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;
    }
});

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web en utilisant Perl. Pour commencer à créer simplement des PDF télécharger la bibliothèque Perl, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Perl pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de PHP. Pour commencer à créer simplement des PDF télécharger la bibliothèque PHP, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour PHP pour découvrir toutes les manières d'utiliser l'API de 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");

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de Python. Pour commencer à créer simplement des PDF télécharger la bibliothèque Python, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Python pour découvrir toutes les manières d'utiliser l'API de 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") 

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de notre API REST. Ensuite, consultez le Documentation de l'API pour l'API REST pour découvrir toutes les façons dont vous pouvez personnaliser vos captures.

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

L'exemple de code ci-dessous montre à quel point il est facile de commencer à capturer des éléments HTML au format PDF à partir de pages Web à l'aide de Ruby. Pour commencer à créer simplement des PDF télécharger le Ruby Gem, obtenir votre clé et secret et alors utiliser la démo contenu dans. Puis consultez le Documentation API pour Ruby pour découvrir toutes les manières d'utiliser l'API de 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") 	

Capture d'éléments HTML dans l'outil de capture d'écran

La capacité de capturer des éléments HTML est également disponible dans notre Outil de capture en ligne lors de la création de votre tâche planifiée, assurez-vous de définir Élément cible avec le sélecteur CSS de l'élément HTML que vous souhaitez capturer. Si vous souhaitez contrôler le recadrage des documents PDF, vous devrez également définir le Format de page personnalisé champs aussi.