웹 캡처 및 변환 도구
HTML 요소 캡처

GrabzIt로 HTML 요소 캡처

GrabzIt의 API스크린 샷 도구 웹 페이지 또는 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 요소를 이미지로 캡처

이미지가 대상 HTML 요소의 크기와 일치하도록 이미지의 너비와 높이를 -1로 설정합니다. 브라우저 높이를 -1로 설정하면 브라우저 창의 길이도 자동으로 증가하여 대상 HTML 요소가 맞는지 확인합니다. into 브라우저.

아래 예제 코드는 ASP.NET을 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 HTML 요소를 이미지로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. 이미지 만들기를 시작하려면 자바 라이브러리 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 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를 사용하여 웹 페이지에서 HTML 요소를 이미지로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. 이미지 다운로드 생성을 시작하려면 GrabzIt의 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를 사용하여 웹 페이지에서 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을 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 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을 사용하여 웹 페이지에서 HTML 요소를 이미지로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. 이미지 만들기를 시작하려면 파이썬 라이브러리 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 파이썬 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를 사용하여 웹 페이지에서 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 용 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을 사용하여 웹 페이지에서 HTML 요소를 Word 문서로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. 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를 사용하여 웹 페이지에서 HTML 요소를 Word 문서로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. DOCX 만들기를 시작하려면 자바 라이브러리 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 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를 사용하여 웹 페이지에서 HTML 요소를 Word 문서로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. DOCX 다운로드 생성을 시작하려면 GrabzIt의 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를 사용하여 웹 페이지에서 HTML 요소를 Word 문서로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. 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을 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 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을 사용하여 웹 페이지에서 HTML 요소를 Word 문서로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. DOCX 만들기를 시작하려면 파이썬 라이브러리 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 파이썬 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를 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 HTML 요소를 Word 문서로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. DOCX 만들기를 시작하려면 루비 젬 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 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을 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 HTML 요소를 PDF로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. PDF 작성을 시작하려면 자바 라이브러리 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 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를 사용하여 웹 페이지에서 HTML 요소를 PDF로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. PDF 다운로드 생성을 시작하려면 GrabzIt의 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를 사용하여 웹 페이지에서 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을 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 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을 사용하여 웹 페이지에서 HTML 요소를 PDF로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. PDF 작성을 시작하려면 파이썬 라이브러리 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 파이썬 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를 사용하여 웹 페이지에서 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를 사용하여 웹 페이지에서 HTML 요소를 PDF로 캡처하는 것이 얼마나 쉬운 지 보여줍니다. PDF 작성을 시작하려면 루비 젬 다운로드, 당신의 열쇠와 비밀 그리고 데모를 사용하십시오 안에 포함되어 있습니다. 그런 다음 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 문서 자르기를 제어하려면 다음을 설정해야합니다. 사용자 정의 페이지 크기 필드도 있습니다.