使用GrabzIt创建完整的屏幕截图

截屏时的一个常见要求是捕获整个网页，或者换种方式创建与正截屏的网页高度和宽度相同的截屏。右侧显示了完整页面截图的比例示例。

可以使用在线截图工具如果选择全长选项。通过选择“全宽”和“全高”选项，“在线屏幕截图工具”还可以使用浏览器的确切大小来创建屏幕截图。或者，您可以 int编写完整的屏幕截图 into通过使用API，如下所述。

使用我们的API的全屏截图

使用GrabzIt的Screenshot API，将完整的屏幕截图添加到您的应用程序中。目前，我们的API支持九种不同的编程语言。要开始使用所需的语言，只需从下面的选择中选择合适的一种即可查看示例代码和说明。以下所有示例均创建与网站高度和宽度相同大小的图像。

ASP.NET
爪哇岛
JavaScript的
Node.js的
Perl的
PHP
蟒蛇
REST API
红宝石

下面的代码演示了使用ASP.NET创建整页屏幕截图的简便性。要开始捕获完整的网页下载ASP.NET库，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查 ASP.NET的屏幕快照API文档找出使用GrabzIt API的所有方法。

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.Width = -1;
options.Height = -1;

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", 
    "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", options); 
grabzIt.SaveTo("images/result.jpg");

下面的代码演示了使用Java创建完整的屏幕截图是多么容易。要开始捕获完整的网页下载Java库，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查 Java的屏幕快照API文档找出使用GrabzIt API的所有方法。

ImageOptions options = new ImageOptions();
options.setBrowserHeight(-1);
options.setWidth(-1);
options.setHeight(-1);

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key",
    "Sign in to view your Application Secret");
grabzIt.URLToImage("https://www.tesla.com", options); 
grabzIt.SaveTo("images/result.jpg");

下面的代码演示了使用JavaScript创建整页截图的简单性。开始捕获完整的网页下载 GrabzIt的JavaScript库。然后得到你的应用程序密钥和秘密, 添加域您要使用JavaScript，然后签出 JavaScript的屏幕快照API文档找出使用GrabzIt API的所有方法。

<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("https://www.tesla.com", 
{"bheight":-1,"width":-1,"height":-1}).Create();
</script>

以下代码演示了使用Node.js创建完整的屏幕截图非常容易。要开始捕获完整的网页下载Node.js程序包，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查 Node.js的屏幕快照API文档找出使用GrabzIt API的所有方法。

var grabzit = require('grabzit');

var options = {"width":-1, "height":-1, "browserHeight":-1};

var client = new grabzit("Sign in to view your Application Key", "Sign in to view your Application Secret");
client.url_to_image("https://www.tesla.com", options);
client.save_to("images/result.jpg", function (error, id){
    if (error != null){
        throw error;
    }
});

下面的代码演示了使用Perl创建完整的屏幕截图是多么容易。要开始捕获完整的网页下载Perl库，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查 Perl的屏幕快照API文档找出使用GrabzIt API的所有方法。

#!/usr/bin/perl

use GrabzItClient;

$options = GrabzItImageOptions->new();
$options->browserHeight(-1);
$options->width(-1);
$options->height(-1);

$grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$grabzIt->URLToImage("https://www.tesla.com", $options);
$grabzIt->SaveTo("images/result.jpg");

以下代码演示了使用PHP创建完整的屏幕截图非常容易。要开始捕获完整的网页下载PHP库，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查屏幕快照API文档，用于PHP 找出使用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\GrabzItImageOptions();
$options->setWidth(-1);
$options->setHeight(-1);
$options->setBrowserHeight(-1);

$grabzIt->URLToImage("https://www.tesla.com", $options); 
$grabzIt->SaveTo("images/result.jpg");

以下代码演示了使用Python创建整页截图的简单性。要开始捕获完整的网页下载Python库，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查 Python的屏幕快照API文档找出使用GrabzIt API的所有方法。

from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions

options = GrabzItImageOptions.GrabzItImageOptions()
options.width = -1
options.height = -1
options.browserHeight = -1

grabzIt = GrabzItClient.GrabzItClient("Sign in to view your Application Key",
    "Sign in to view your Application Secret")
grabzIt.URLToImage("https://www.tesla.com", options) 
grabzIt.SaveTo("images/result.jpg")

以下代码演示了使用我们的REST API创建完整的屏幕截图非常容易。还检查了 RESTful屏幕截图API文档找出所有可用于自定义捕获的方法。

https://api.grabz.it/services/convert?key=Sign in to view your Application Key&format=jpg&bheight=-1&width=-1&height=-1&url=https%3A%2F%2Fwww.tesla.com

以下代码演示了使用Ruby创建完整的屏幕截图是多么容易。要开始捕获完整的网页下载Ruby Gem，拿你的应用程序密钥和秘密然后使用演示包含在其中。然后检查 Ruby的屏幕快照API文档找出使用GrabzIt API的所有方法。

require 'grabzit'

options = GrabzIt::ImageOptions.new()
options.browserHeight = -1
options.width = -1
options.height = -1

grabzItClient = GrabzIt::Client.new("Sign in to view your Application Key", 
    "Sign in to view your Application Secret")
grabzItClient.url_to_image("https://www.tesla.com", options)	
grabzItClient.save_to("images/result.jpg")