Maak een screenshot van een volledige pagina met GrabzIt

Een veelvoorkomende vereiste bij het maken van een screenshot is om een volledige webpagina vast te leggen of op een andere manier een screenshot te maken met dezelfde hoogte en breedte als de webpagina die wordt screenshot. Rechts ziet u een geschaald voorbeeld van een screenshot van een volledige pagina.

U kunt met de pagina volledige schermafbeeldingen maken Online screenshot-tool als u de optie voor de volledige lengte selecteert. De Online Screenshot Tool kan ook schermafbeeldingen maken met de exacte grootte van de browser door de opties Volledige breedte en Volledige hoogte te selecteren. Als alternatief kunt u intintegreer volledige pagina-screenshots into uw app met behulp van de API zoals hieronder beschreven.

Volledige pagina-screenshots met onze API

Voeg de mogelijkheid toe om schermafbeeldingen van een hele pagina aan uw toepassing toe te voegen met de Screenshot API van GrabzIt. Er zijn momenteel acht verschillende programmeertalen, die worden ondersteund door onze API. Om te beginnen met uw gewenste taal, selecteert u de juiste taal uit de onderstaande keuzes om de voorbeeldcode en instructies te zien. Alle onderstaande voorbeelden maken een afbeelding van dezelfde grootte als de hoogte en breedte van de website.

ASP.NET
Java
JavaScript
Node.js
Perl
PHP
Python
Robijn

De volgende code laat zien hoe gemakkelijk het is om een screenshot van een volledige pagina te maken met behulp van ASP.NET. Om te beginnen met het vastleggen van volledige webpagina's download de ASP.NET-bibliotheek, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor ASP.NET om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

De volgende code laat zien hoe gemakkelijk het is om een screenshot van een volledige pagina te maken met behulp van Java. Om te beginnen met het vastleggen van volledige webpagina's download de Java-bibliotheek, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Java om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

De volgende code laat zien hoe gemakkelijk het is om een screenshot van een volledige pagina te maken met behulp van JavaScript. Om het downloaden van volledige webpagina's te starten GrabzIt's JavaScript-bibliotheek. Pak dan je Toepassingssleutel en geheim, voeg het domein toe u wilt JavaScript gebruiken en vervolgens de bekijken screenshot API-documentatie voor JavaScript om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/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>

De volgende code laat zien hoe eenvoudig het is om een screenshot van een volledige pagina te maken met Node.js. Om te beginnen met het vastleggen van volledige webpagina's download het Node.js-pakket, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Node.js om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

De volgende code laat zien hoe gemakkelijk het is om een volledige pagina-screenshot te maken met behulp van Perl. Om te beginnen met het vastleggen van volledige webpagina's download de Perl-bibliotheek, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Perl om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

De volgende code laat zien hoe eenvoudig het is om een screenshot van een volledige pagina te maken met behulp van PHP. Om te beginnen met het vastleggen van volledige webpagina's download de PHP-bibliotheek, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor PHP om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

De volgende code laat zien hoe gemakkelijk het is om met Python een screenshot van een volledige pagina te maken. Om te beginnen met het vastleggen van volledige webpagina's download de Python-bibliotheek, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Python om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

De volgende code laat zien hoe eenvoudig het is om een volledige pagina-screenshot te maken met Ruby. Om te beginnen met het vastleggen van volledige webpagina's download de Ruby Gem, krijg je Toepassingssleutel en geheim en gebruik de demo vervat in. Bekijk dan de screenshot API-documentatie voor Ruby om alle manieren te vinden waarop u de API van GrabzIt kunt gebruiken.

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

Begin met het maken van volledige pagina-screenshots