---
title: "PDFとスクリーンショット"
url: https://docs.catalyst.zoho.com/ja/sdk/nodejs/v2/smartbrowz/generate-pdfnscreenshot/
description: "このページでは、PDFおよびスクリーンショットを生成する方法について説明します"
last_updated: 2026-03-30T08:10:30Z
service: SmartBrowz
type: general
related_links:
  - name: "PDF \u0026 Screenshot - API"
    url: /ja/api/code-reference/smartbrowz/generate-pdfnscreenshoturl/#PDF%26ScreenshotwithHTML%2fURLasInput
---

# PDF & Screenshot 

Catalyst SmartBrowzは、コードを通じて好みのビジュアルドキュメントを生成するための[PDF & Screenshot](https://docs.catalyst.zoho.com/ja/smartbrowz/help/pdfnscreenshot/introduction/)コンポーネントを提供します。以下のコードをコピーしてアプリケーションロジックに貼り付けることで、この機能をアプリケーションに組み込むことができます。

以下のSDKを使用して、HTML、URL、または[テンプレート](https://docs.catalyst.zoho.com/ja/smartbrowz/help/templates/create-templates/)を入力としてビジュアルドキュメントを生成できます。

### テンプレートを使用したビジュアルドキュメントの生成

```javascript
const smartbrowz = app.smartbrowz();
let result = await smartbrowz.generateFromTemplate("2075000000021001",
{
  "pdf_options": {
    'display_header_footer': true,
    'format': 'A1',
    'height': '100',
    'width': '100',
    'landscape': true,
    'page_ranges': '1-2',
    'scale': 1.0,
    'password': '****123' // コンソールからテンプレートのパスワード設定を有効にした後、パスワードを追加
  },
  "page_options": {
    'css': {'content': 'body { font-size: 12px; }'},
    'javascript_enabled': true,
    'viewport': {
      'height': 800,
      'width': 600
    },
    'device': 'Blackberry PlayBook'
  },
  'navigation_options': {
    'timeout': 30000, 
    'wait_until': 'domcontentloaded' 
  "output_options": {
    "output_type": "pdf"
  },
  "template_data": {}
});
console.log('result::', result);
```

### HTMLからPDFを生成

```javascript
const smartbrowz = app.smartbrowz();
let result = await smartbrowz.convertToPdf("<html>HI</html>", 
{
	"pdf_options": {
		'display_header_footer': true,
		'footer_template': '<div style="font-size: 10px; width: 100%; text-align: center; padding: 5px;">Page <span class="pageNumber',
		'format': 'A1',
		'header_template': '<div style="font-size: 10px; width: 100%; text-align: center; padding: 5px;">Header</div>',
		'margin': {
			'bottom': '20',
			'left': '10',
			'right': '10',
			'top': '20'
		},
		'height': '100',
		'width': '100',
		'landscape': true,
		'page_ranges': '1-2',
		'scale': 1.0,
		'password': 'Siva123'
	},
	
	"page_options": {
		'css': {'content': 'body { font-size: 12px; }'},
		'javascript_enabled': true,
		'viewport': {
			'height': 800,
			'width': 600
		},
		'device': 'Blackberry PlayBook'
	},
	'navigation_options': {
		'timeout': 30000, 
		'wait_until': 'domcontentloaded' 
	}
	
});
console.log('result::', result);
```

### URLからスクリーンショットを生成

```javascript
const smartbrowz = app.smartbrowz();
let result = await smartbrowz.convertToPdf("https://www.google.com", 
{
	"pdf_options": {
		'display_header_footer': true,
		'footer_template': '<div style="font-size: 10px; width: 100%; text-align: center; padding: 5px;">Page <span class="pageNumber',
		'format': 'A1',
		'header_template': '<div style="font-size: 10px; width: 100%; text-align: center; padding: 5px;">Header</div>',
		'margin': {
			'bottom': '20',
			'left': '10',
			'right': '10',
			'top': '20'
		},
		'height': '100',
		'width': '100',
		'landscape': true,
		'page_ranges': '1-2',
		'scale': 1.0,
		'password': 'Siva123'
	},
	
	"page_options": {
		'css': {'content': 'body { font-size: 12px; }'},
		'javascript_enabled': true,
		'viewport': {
			'height': 800,
			'width': 600
		},
		'device': 'Blackberry PlayBook'
	},
	'navigation_options': {
		'timeout': 30000, 
		'wait_until': 'domcontentloaded' 
	}
	
});
console.log('result::', result);
```

コンソールのPDF & Screenshotセクションでは、[Playground機能](https://docs.catalyst.zoho.com/ja/smartbrowz/help/pdfnscreenshot/implementation/#generating-pdf--screenshots-through-playground)を使用してこのコンポーネントを直接テストでき、コンソールから直接[SDKをコピー](https://docs.catalyst.zoho.com/ja/smartbrowz/help/pdfnscreenshot/implementation/#generating-pdf--screenshots-through-code)することもできます。 

> **注意:** Browser Logic関数を使用してコーディングするブラウザアクションまたは操作、または**Catalyst SmartBrowz**のいずれかのコンポーネントを使用して実行するブラウザ自動化またはWebスクレイピングタスクは、すべてお客様自身の責任で行われます。SmartBrowzコンポーネントは、アクションを許可するドメインで、または適切な承認を得た上で操作を実行するために使用することを強くお勧めします。また、Catalystはファンクションをコーディングするための安全なインフラストラクチャを提供しますが、Catalystファンクションを使用してコーディングしたロジックの結果については、お客様のみが責任を負います。