Webをキャプチャして変換するツール
HTML要素をキャプチャする

GrabzItでHTML要素をキャプチャする

GrabzItのAPI and スクリーンショットツール WebページまたはHTMLスニペットに含まれるHTML要素をキャプチャできるようにします。 これは、画像、PDF、またはWordドキュメントとして返されます。

唯一の要件は、キャプチャするHTML要素に ユニークなCSSセレクター クラス、ID、またはそれを識別するためのより複雑な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ブラウザ。

以下のサンプルコードは、ASP.NETを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像の作成を開始するには ASP.NETライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 ASP.NETのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のサンプルコードは、Javaを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像の作成を開始するには Javaライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 JavaのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のサンプルコードは、JavaScriptを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像のダウンロードの作成を開始するには GrabzItのJavaScriptライブラリ。 その後、 鍵と秘密, ドメインを追加 JavaScriptを使用してから、 JavaScriptのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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>

以下のサンプルコードは、Node.jsを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像の作成を開始するには Node.jsパッケージをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 Node.jsのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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;
    }
});

以下のサンプルコードは、Perlを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像の作成を開始するには Perlライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PerlのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

#!/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");

以下のサンプルコードは、PHPを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像ファイルの作成を開始するには PHPライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PHPのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のサンプルコードは、Pythonを使用してWebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 画像の作成を開始するには Pythonライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PythonのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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") 

以下のサンプルコードは、REST APIを使用して、WebページからHTML要素を画像としてキャプチャするのがいかに簡単かを示しています。 次にチェックしてください REST APIのAPIドキュメント キャプチャをカスタマイズできるすべての方法を見つけるため。

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

以下のサンプルコードは、Rubyを使用してHTMLをJPG形式に変換することがいかに簡単かを示しています。 画像の作成を開始するには Ruby Gemをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 RubyのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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要素を変換するとき into Word文書キャプチャされたHTML要素は、Word文書ページの左上に表示されます。

以下のサンプルコードは、ASP.NETを使用して、WebページからWord文書としてHTML要素をキャプチャするのがいかに簡単かを示しています。 GrabzItのASP.NETライブラリは、あらゆる.NET言語と互換性がありますが。 PDFの作成を開始するには ASP.NETライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 ASP.NETのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

次のコード例は、Javaを使用してWebページからHTML要素をWord文書としてキャプチャするのがいかに簡単かを示しています。 DOCXの作成を開始するには Javaライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 JavaのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のコード例は、JavaScriptを使用してWebページからHTML要素をWord文書としてキャプチャするのがいかに簡単かを示しています。 DOCXのダウンロードの作成を開始するには GrabzItのJavaScriptライブラリ。 その後、 鍵と秘密, ドメインを追加 JavaScriptを使用してから、 JavaScriptのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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>

以下のサンプルコードは、Node.jsを使用してWebページからWord文書としてHTML要素をキャプチャするのがいかに簡単かを示しています。 DOCXの作成を開始するには Node.jsパッケージをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 Node.jsのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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;
    }
});

以下のコード例は、Perlを使用してWebページからHTML要素をWord文書としてキャプチャするのがいかに簡単かを示しています。 DOCXの作成を開始するには Perlライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PerlのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

#!/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");

以下のコード例は、PHPを使用してWebページからHTML要素をWord文書としてキャプチャするのがいかに簡単かを示しています。 DOCXの作成を開始するには PHPライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PHPのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のコード例は、Pythonを使用してWebページからHTML要素をWord文書としてキャプチャするのがいかに簡単かを示しています。 DOCXの作成を開始するには Pythonライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PythonのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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") 

以下のサンプルコードは、REST APIを使用して、WebページからHTML要素をWord文書として簡単に取得できることを示しています。 次にチェックしてください REST APIのAPIドキュメント キャプチャをカスタマイズできるすべての方法を見つけるため。

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

以下のサンプルコードは、Rubyを使用してWebページからHTML要素をWordドキュメントとしてキャプチャするのがいかに簡単かを示しています。 DOCXの作成を開始するには Ruby Gemをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 RubyのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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要素を変換するときのデフォルト into PDFドキュメントキャプチャされたHTML要素は、DOCXと同じ方法でPDFページの左上に表示されます。 ただし、PDFでは自動的に HTML要素のサイズと一致するようにページサイズを設定する.

以下のサンプルコードは、ASP.NETを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 GrabzItのASP.NETライブラリは、あらゆる.NET言語と互換性がありますが。 PDFの作成を開始するには ASP.NETライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 ASP.NETのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のコード例は、Javaを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFの作成を開始するには Javaライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 JavaのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のコード例は、JavaScriptを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFのダウンロードの作成を開始するには GrabzItのJavaScriptライブラリ。 その後、 鍵と秘密, ドメインを追加 JavaScriptを使用してから、 JavaScriptのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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>

以下のコード例は、Node.jsを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFの作成を開始するには Node.jsパッケージをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 Node.jsのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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;
    }
});

以下のコード例は、Perlを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFの作成を開始するには Perlライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PerlのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

#!/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");

以下のサンプルコードは、PHPを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFの作成を開始するには PHPライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PHPのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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");

以下のサンプルコードは、Pythonを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFの作成を開始するには Pythonライブラリをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 PythonのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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") 

以下のコード例は、REST APIを使用して、WebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 次にチェックしてください REST APIのAPIドキュメント キャプチャをカスタマイズできるすべての方法を見つけるため。

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

以下のサンプルコードは、Rubyを使用してWebページからHTML要素をPDFとしてキャプチャするのがいかに簡単かを示しています。 PDFの作成を開始するには Ruby Gemをダウンロードする、取得 鍵と秘密 その後 デモを使用する 内に含まれます。 次に、 RubyのAPIドキュメント GrabzItのAPIを使用できるすべての方法を見つけます。

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要素をキャプチャする機能は、 オンラインスクリーンショットツール スケジュールされたタスクを作成するときは、 ターゲット要素 キャプチャするHTML要素のCSSセレクタを含むフィールド。 PDFドキュメントのトリミングを制御する場合は、 カスタムページサイズ フィールドも。