Narzędzia do przechwytywania i konwertowania Internetu
miniatura strony

Twórz miniatury witryn za pomocą GrabzIt

Często programiści muszą tworzyć podglądy stron internetowych. Aby poprawić współczynniki klikalności i udostępniać je na Facebooku i innych mediach społecznościowych.

Domyślnie GrabzIt's API i Narzędzie do tworzenia zrzutów ekranu utworzy miniatury witryn, zmniejszając zrzut ekranu witryny. Dopóki nie zmieści się w maksymalnym rozmiarze dozwolonym na pakiecie użytkownika.

Jeśli jednak chcesz utworzyć obraz miniatury według własnych określonych wymiarów. Następnie zaleca się, aby miniatura była mniejsza niż rozmiar przeglądarki szerokość i parametry przeglądarki wysokość. Domyślnie są to odpowiednio 1366px i 768px.

Ważne jest również, aby stosunek szerokości i wysokości miniatury był zachowany do szerokości i wysokości przeglądarki. Gdy to zatrzymuje obraz miniatury zrzutu ekranu strony ulega zniekształceniu.

Kalkulator miniatur

px
px
19%
195px
146px

Ten kalkulator automatycznie oblicza najlepszą szerokość i wysokość dla twoich miniatur. Na podstawie tego, jaki procent powinna mieć miniatura szerokości i wysokości przeglądarki. Jednocześnie zachowując obraz proporcjonalny do rozmiaru przeglądarki, aby zatrzymać jakiekolwiek rozciąganie obrazu.

Dla wygody wszelkie zmiany dokonane za pomocą tego kalkulatora znajdują odzwierciedlenie w poniższych przykładach kodu.

Jak korzystać z naszego interfejsu API miniatur witryny

Intzintegrować możliwość tworzenia miniaturek stron internetowych into swoją aplikację z interfejsem API Screenshot GrabzIt. Aby rozpocząć, po prostu wybierz jeden z dziewięciu obsługiwanych języków programowania poniżej, aby zobaczyć przykładowy kod i dalsze instrukcje.

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą ASP.NET. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę ASP.NET. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla ASP.NET aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

ImageOptions options = new ImageOptions();
options.BrowserWidth = ;
options.BrowserHeight = ;
options.Width = ;
options.Height = ;

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

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Java. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę Java. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Java aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

ImageOptions options = new ImageOptions();
options.setBrowserWidth();
options.setBrowserHeight();
options.setWidth();
options.setHeight();

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

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą JavaScript. Aby rozpocząć przechwytywanie miniatur, pobierz Biblioteka JavaScript GrabzIt. Następnie zdobądź swój interfejs API klucz i sekret, dodaj domenę chcesz włączyć JavaScript, a następnie sprawdź zrzut ekranu dokumentacji API dla JavaScript aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

<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", 
{"bwidth":,"bheight":,"width":,"height":}).Create();
</script>

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Node.js. Aby rozpocząć przechwytywanie miniatur po prostu pobierz pakiet Node.js. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Node.js aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

var grabzit = require('grabzit');

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

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

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Perla. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę Perla. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Perla aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

#!/usr/bin/perl

use GrabzItClient;

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

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

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą PHP. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę PHP. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla PHP aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

include("GrabzItClient.php");

$options = new \GrabzIt\GrabzItImageOptions();
$options->setBrowserWidth();
$options->setBrowserHeight();
$options->setWidth();
$options->setHeight();

$grabzIt = new \GrabzIt\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");

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Pythona. Aby rozpocząć przechwytywanie miniatur po prostu pobierz bibliotekę Python. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Pythona aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

from GrabzIt import GrabzItClient
from GrabzIt import GrabzItImageOptions

options = GrabzItImageOptions.GrabzItImageOptions()
options.browserWidth = 
options.browserHeight = 
options.width = 
options.height = 

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

Ten przykład pokazuje, jak łatwo jest utworzyć miniaturę witryny internetowej przy użyciu RESTful API GrabzIt. Sprawdź RESTful API zrzutów ekranu dokumentację, aby poznać wszystkie sposoby korzystania z GrabzIt.

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

Ten przykład kodu pokazuje, jak łatwo można utworzyć miniaturę witryny za pomocą Ruby. Aby rozpocząć przechwytywanie miniatur po prostu pobierz Ruby Gem. Następnie zdobądź swój interfejs API klucz i sekret , a następnie skorzystaj z wersji demo zawarty w. Następnie sprawdź zrzut ekranu dokumentacji API dla Ruby aby dowiedzieć się, jak korzystać z interfejsu API GrabzIt.

require 'grabzit'

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

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