Create a full page screenshot with GrabzIt

A common requirement when taking a screenshot is to capture a full web page, or put another way create a screenshot that is the same height and width as the web page that is being screenshot. An scaled example of a full page screenshot is shown to the right.

Full page screenshots can be created with the Online Screenshot Tool if you select the full length option. The Online Screenshot Tool can also create screenshots with the exact size of the browser by selecting the Full Width and Full Height options. Alternatively you can integrate full page screenshots into your app by using the API as described below.

Full Page Screenshots with our API

Add the ability to take full page screenshots to your application with GrabzIt's Screenshot API. There are currently nine different programming languages, which are supported by our API. To get started with your desired language just select the appropriate one from the choices below to see example code and instructions. All of the below examples creates an image the same size as the websites height and width.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
REST API
Ruby

The following code demonstrates how easy it is to create a full page screenshot using ASP.NET. To start capturing full webpages just download the ASP.NET Library, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for ASP.NET to find out all the ways you can use GrabzIt's 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");

The following code demonstrates how easy it is to create a full page screenshot using Java. To start capturing full webpages just download the Java Library, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for Java to find out all the ways you can use GrabzIt's 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");

The following code demonstrates how easy it is to create a full page screenshot using JavaScript. To start capturing full webpages download GrabzIt's JavaScript Library. Then get your Application Key and Secret, add the domain you want to use the JavaScript on and then check out the screenshot API documentation for JavaScript to find out all the ways you can use GrabzIt's API.

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

The following code demonstrates how easy it is to create a full page screenshot using Node.js. To start capturing full webpages just download the Node.js Package, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for Node.js to find out all the ways you can use GrabzIt's 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;
    }
});

The following code demonstrates how easy it is to create a full page screenshot using Perl. To start capturing full webpages just download the Perl Library, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for Perl to find out all the ways you can use GrabzIt's 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");

The following code demonstrates how easy it is to create a full page screenshot using PHP. To start capturing full webpages just download the PHP Library, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for PHP to find out all the ways you can use GrabzIt's 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");

The following code demonstrates how easy it is to create a full page screenshot using Python. To start capturing full webpages just download the Python Library, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for Python to find out all the ways you can use GrabzIt's 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")

The following code demonstrates how easy it is to create a full page screenshot using our REST API. Also check out the RESTful screenshot API documentation to find out all the ways you can use customize your captures.

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

The following code demonstrates how easy it is to create a full page screenshot using Ruby. To start capturing full webpages just download the Ruby Gem, get your Application Key and Secret and then use the demo contained within. Then check out the screenshot API documentation for Ruby to find out all the ways you can use GrabzIt's 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")

Start Creating Full Page Screenshots